fix IconOnly issues of BitNav #8732

bitfoundation · Sep 25, 2024 · c17c2bc · c17c2bc
1 parent d720e58
commit c17c2bc
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Nav/BitNav.scss b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Nav/BitNav.scss
@@ -156,12 +156,20 @@
 .bit-nav-ion {
     .bit-nav-ict {
         width: fit-content;
-        padding: spacing(2) !important;
+    }
+
+    .bit-nav-itm {
+        padding: 1rem;
+        font-size: 1rem;
     }
 
     .bit-nav-itx {
         display: none;
     }
+
+    .bit-nav-sel {
+        border: none;
+    }
 }
 
 .bit-nav-sel {

diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Nav/_BitNavChild.razor b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Nav/_BitNavChild.razor
@@ -100,7 +100,7 @@
         }
         else
         {
-            var padding = childItems.Any()
+            var padding = Nav.IconOnly ? 0 : childItems.Any()
             ? (Depth * Nav.IndentValue + (Nav.ReversedChevron ? Nav.IndentReversedPadding : 0))
             : (Depth * Nav.IndentValue + (Nav.ReversedChevron ? Nav.IndentReversedPadding : Nav.IndentPadding));
 

diff --git a/src/BlazorUI/Bit.BlazorUI/Components/Navs/Nav/_BitNavChild.razor.cs b/src/BlazorUI/Bit.BlazorUI/Components/Navs/Nav/_BitNavChild.razor.cs
@@ -72,7 +72,7 @@ private string GetItemContainerStyles()
     {
         var styles = new List<string>();
 
-        if (Nav.FullWidth is false)
+        if (Nav.FullWidth is false && Nav.IconOnly is false)
         {
             styles.Add($"padding-inline-end:{Nav.IndentPadding}px;");
         }