#448 - Fix navbar overflow

maraf · Aug 7, 2024 · b8cc609 · b8cc609
1 parent 4e74952
commit b8cc609
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/Money.Blazor.Host/Components/Title.razor b/src/Money.Blazor.Host/Components/Title.razor
@@ -1,4 +1,4 @@
-<TemplateContent Name="FixedTop">
+<TemplateContent Name="FixedTop">
     <div class="header d-none d-sm-block">
         <div class="container">
             <div class="d-flex">
@@ -24,7 +24,7 @@
     </div>
 </TemplateContent>
 <TemplateContent Name="MobilePageTitle">
-    <h3 class="mb-0" style="font-weight: 100;">
+    <h3 class="mb-0 text-truncate" style="font-weight: 100;">
         @if (!String.IsNullOrEmpty(Icon))
         {
             <Icon Identifier="@Icon" class="ms-1 me-2" />

diff --git a/src/Money.Blazor.Host/Layouts/Layout.razor b/src/Money.Blazor.Host/Layouts/Layout.razor
@@ -3,9 +3,9 @@
 
 <div class="fixed-top bg-body">
     <nav class="navbar navbar-expand-sm navbar-dark">
-        <div class="container">
+        <div class="container flex-nowrap">
             <MainMenu />
-            <div class="mobile-page-title text-light flex-fill d-block d-sm-none">
+            <div class="mobile-page-title text-light flex-grow-1 d-block d-sm-none overflow-hidden">
                 <TemplatePlaceholder Name="MobilePageTitle" />
             </div>
             <TemplatePlaceholder Name="MobilePageActions" />