From e36641efe2501093dff24449d4f9df745b371c8e Mon Sep 17 00:00:00 2001 From: Javier Calvarro Nelson Date: Thu, 1 Aug 2024 18:39:08 +0200 Subject: [PATCH] [Blazor][Accessibility] At reflow resolution "Hamburger" control is not visible clearly --- .../BlazorWeb-CSharp/Components/Layout/NavMenu.razor.css | 2 +- .../ComponentsWebAssembly-CSharp/Layout/NavMenu.razor.css | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/Layout/NavMenu.razor.css b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/Layout/NavMenu.razor.css index 18e1a075347b..5d00f78d88fc 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/Layout/NavMenu.razor.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/Layout/NavMenu.razor.css @@ -16,7 +16,7 @@ } .top-row { - height: 3.5rem; + min-height: 3.5rem; background-color: rgba(0,0,0,0.4); } diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Layout/NavMenu.razor.css b/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Layout/NavMenu.razor.css index 881d128a5fb1..617b89cc81bc 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Layout/NavMenu.razor.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Layout/NavMenu.razor.css @@ -3,7 +3,7 @@ } .top-row { - height: 3.5rem; + min-height: 3.5rem; background-color: rgba(0,0,0,0.4); } @@ -74,7 +74,7 @@ /* Never collapse the sidebar for wide screens */ display: block; } - + .nav-scrollable { /* Allow sidebar to scroll for tall menus */ height: calc(100vh - 3.5rem);