Fixes #710 [HxSidebar] Toggler is not visible when using ResponsiveBr…

…eakpoint.None
havit · Dec 22, 2023 · 8155490 · 8155490
1 parent 916d114
commit 8155490
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 1 deletion.
diff --git a/Havit.Blazor.Components.Web.Bootstrap/Navigation/HxSidebar.razor b/Havit.Blazor.Components.Web.Bootstrap/Navigation/HxSidebar.razor
@@ -29,7 +29,6 @@
 				<div class="@CssClassHelper.Combine(
 												"hx-sidebar-toggler",
 												Collapsed ? "collapsed" : null,
-												"d-none", // Hide the sidebar toggler in navbar mode (when below the responsive breakpoint).
 												GetResponsiveCssClass("d-??-block"))"
 					 role="button"
 					 @onclick="HandleCollapseToggleClick"

diff --git a/Havit.Blazor.Components.Web.Bootstrap/Navigation/HxSidebar.razor.css b/Havit.Blazor.Components.Web.Bootstrap/Navigation/HxSidebar.razor.css
@@ -60,6 +60,7 @@
 	top: 50%;
 	left: 100%;
 	transform: translate(-50%, -50%);
+	display: none; /* Hide the sidebar toggler in navbar mode (when below the responsive breakpoint). */
 }
 
 .hx-sidebar-toggler-inner {