Fixes #954 [HxSidebar] First level items with ExpandableContent are n…

…ot visible if Sidebar is collapsed
havit · Nov 29, 2024 · 784ce35 · 784ce35
1 parent 3d8ac86
commit 784ce35
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/Havit.Blazor.Components.Web.Bootstrap/Navigation/HxSidebarItem.razor b/Havit.Blazor.Components.Web.Bootstrap/Navigation/HxSidebarItem.razor
@@ -31,7 +31,7 @@
 		}
 		else
 		{
-			<HxDropdown Direction="DropdownDirection.End" CssClass="@CssClassHelper.Combine("hx-sidebar-item d-none", ParentSidebar.Collapsed ? ParentSidebar.ResponsiveBreakpoint.GetCssClass("d-??-block") : null)">
+			<HxDropdown Direction="DropdownDirection.End" CssClass="@CssClassHelper.Combine("hx-sidebar-item", ParentSidebar.Collapsed ? ParentSidebar.ResponsiveBreakpoint.GetCssClass("d-??-block") : null)">
 				<HxNavLink Href="@Href"
 						   Match="Match"
 						   OnClick="@(OnClick.HasDelegate ? InvokeOnClickAsync : null)"

diff --git a/Havit.Blazor.Components.Web.Bootstrap/Navigation/HxSidebarItem.razor.css b/Havit.Blazor.Components.Web.Bootstrap/Navigation/HxSidebarItem.razor.css
@@ -1,5 +1,9 @@
 ::deep .hx-sidebar-item {
-	display: block; /*Overrides the inline flex from btn-group placed by HxDropdown*/
+	display: block; /* Overrides the inline flex from btn-group placed by HxDropdown */
+}
+
+::deep .hx-sidebar-item.dropend {
+	display: none; /* Dropdown is hidden by default and then shown whith ResponsiveBreakpoint.GetCssClass based on Sidebar settings */
 }
 
 ::deep .nav-link {