Fix #1070 and add tooltips to all men items

dotnet · Dec 6, 2023 · 0df2a2e · 0df2a2e
1 parent 9d2eb43
commit 0df2a2e
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/Aspire.Dashboard/Components/Layout/NavMenu.razor b/src/Aspire.Dashboard/Components/Layout/NavMenu.razor
@@ -1,11 +1,14 @@
 <div class="nav-menu-container">
-    <FluentNavMenu Width="250" Collapsible="true">
-        <FluentNavLink Icon="@(new Icons.Regular.Size24.AppFolder())" Href="/" Match="NavLinkMatch.All">Resources</FluentNavLink>
-        <FluentNavGroup Title="Monitoring" Icon="@(new Icons.Regular.Size24.SlideText())" Expanded="true" Gap="10px 0;">
-            <FluentNavLink Icon="@(new Icons.Regular.Size24.SlideText())" Href="/ConsoleLogs">Console Logs</FluentNavLink>
-            <FluentNavLink Icon="@(new Icons.Regular.Size24.SlideTextSparkle())" Href="/StructuredLogs">Structured Logs</FluentNavLink>
-            <FluentNavLink Icon="@(new Icons.Regular.Size24.GanttChart())" Href="/Traces">Traces</FluentNavLink>
-            <FluentNavLink Icon="@(new Icons.Regular.Size24.ChartMultiple())" Href="/Metrics">Metrics</FluentNavLink>
+    <FluentNavMenu @bind-Expanded="@Expanded" Width="250" Collapsible="true">
+        <FluentNavLink Icon="@(new Icons.Regular.Size24.AppFolder())" Href="/" Match="NavLinkMatch.All" Tooltip="Resources">Resources</FluentNavLink>
+        <FluentNavGroup Title="Monitoring" Icon="@(new Icons.Regular.Size24.SlideText())" Expanded="true" Gap="10px 0;" Tooltip="Monitoring">
+            <FluentNavLink Icon="@(new Icons.Regular.Size24.SlideText())" Href="/ConsoleLogs" Tooltip="Console Logs">Console Logs</FluentNavLink>
+            <FluentNavLink Icon="@(new Icons.Regular.Size24.SlideTextSparkle())" Href="/StructuredLogs" Tooltip="Structured Logs">Structured Logs</FluentNavLink>
+            <FluentNavLink Icon="@(new Icons.Regular.Size24.GanttChart())" Href="/Traces" Tooltip="Traces">Traces</FluentNavLink>
+            <FluentNavLink Icon="@(new Icons.Regular.Size24.ChartMultiple())" Href="/Metrics" Tooltip="Metrics">Metrics</FluentNavLink>
         </FluentNavGroup>
     </FluentNavMenu>
 </div>
+@code {
+    bool Expanded = true;
+}