#372 - Fix main menu responsiveness.

maraf · Nov 18, 2022 · 49ab979 · 49ab979
1 parent 89fc95e
commit 49ab979
Show file tree

Hide file tree

Showing 5 changed files with 494 additions and 305 deletions.
diff --git a/src/Money.Blazor.Host/Components/PwaInstall.razor b/src/Money.Blazor.Host/Components/PwaInstall.razor
@@ -3,7 +3,7 @@
     <li class="nav-item">
         <a @ref="Button" class="nav-link" @onclick="InstallAsync" title="Install as application to your device" data-toggle="tooltip" data-placement="bottom">
             <Icon Identifier="download" />
-            <span class="d-lg-none d-xl-inline">
+            <span class="d-lg-none">
                 Install
             </span>
         </a>
@@ -14,7 +14,7 @@ else if (IsUpdateable)
     <li class="nav-item">
         <a @ref="Button" class="nav-link" @onclick="UpdateAsync" title="Application update is ready. Reload page to complete." data-toggle="tooltip" data-placement="bottom">
             <Icon Identifier="download" />
-            <span class="d-lg-none d-xl-inline">
+            <span class="d-lg-none">
                 Update
             </span>
         </a>

diff --git a/src/Money.Blazor.Host/Layouts/MainMenu.razor b/src/Money.Blazor.Host/Layouts/MainMenu.razor
@@ -39,21 +39,27 @@
                 <MainMenuSeparator />
                 <MainMenuLink Href="@Navigator.UrlCategories()">
                     <Icon Identifier="tag" />
-                    Categories
+                    <span class="d-lg-none d-xl-inline">
+                        Categories
+                    </span>
                 </MainMenuLink>
                 <MainMenuLink Href="@Navigator.UrlCurrencies()">
                     <Icon Identifier="pound-sign" />
-                    Currencies
+                    <span class="d-lg-none d-xl-inline">
+                        Currencies
+                    </span>
                 </MainMenuLink>
-                <MainMenuLink Href="@Navigator.UrlExpenseTemplates()" Title="Templates">
+                <MainMenuLink Href="@Navigator.UrlExpenseTemplates()">
                     <Icon Identifier="redo" />
-                    Templates
+                    <span class="d-lg-none d-xl-inline">
+                        Templates
+                    </span>
                 </MainMenuLink>
                 <MainMenuSeparator />
                 <PwaInstall />
-                <MainMenuLink Href="@Navigator.UrlAbout()">
+                <MainMenuLink Href="@Navigator.UrlAbout()" Title="About Money app">
                     <Icon Identifier="info-circle" />
-                    <span class="d-lg-none d-xl-inline">
+                    <span class="d-lg-none">
                         About
                     </span>
                 </MainMenuLink>