#417 0 Hide "templates" text in menu on large screens.

maraf · Jun 22, 2022 · 27e0b84 · 27e0b84
1 parent fff139e
commit 27e0b84
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/Money.Blazor.Host/Layouts/MainMenu.razor b/src/Money.Blazor.Host/Layouts/MainMenu.razor
@@ -41,9 +41,11 @@
                     <Icon Identifier="pound-sign" />
                     Currencies
                 </MainMenuLink>
-                <MainMenuLink Href="@Navigator.UrlExpenseTemplates()">
+                <MainMenuLink Href="@Navigator.UrlExpenseTemplates()" Title="Templates">
                     <Icon Identifier="redo" />
-                    Templates
+                    <span class="d-inline d-lg-none">
+                        Templates
+                    </span>
                 </MainMenuLink>
                 <MainMenuSeparator />
                 <li class="nav-item">

diff --git a/src/Money.Blazor.Host/Layouts/MainMenuLink.razor b/src/Money.Blazor.Host/Layouts/MainMenuLink.razor
@@ -1,6 +1,6 @@
 <Match Url="@Href" Mode="@HrefMatch" PageType="@PageType" Context="IsActive">
     <li class="nav-item">
-        <a href="@Href" class="nav-link @(IsActive ? "active" : "")">
+        <a href="@Href" class="nav-link @(IsActive ? "active" : "")" title="@Title">
             @ChildContent
         </a>
     </li>
@@ -11,6 +11,9 @@
     [Parameter]
     public string Href { get; set; }
 
+    [Parameter]
+    public string Title { get; set; }
+
     [Parameter]
     public MatchMode HrefMatch { get; set; } = MatchMode.Exact;