[Blazor][Accessibility] At reflow resolution "Hamburger" control is not visible clearly (#57127)

javiercn · web-flow · commit 12086feb5521 · 2024-08-06T10:22:34.000+02:00
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
@@ -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
@@ -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);

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`}`
`4`	`4`
`5`	`5`	`.top-row {`
`6`		`- height: 3.5rem;`
	`6`	`+ min-height: 3.5rem;`
`7`	`7`	`background-color: rgba(0,0,0,0.4);`
`8`	`8`	`}`
`9`	`9`
`@@ -74,7 +74,7 @@`
`74`	`74`	`/* Never collapse the sidebar for wide screens */`
`75`	`75`	`display: block;`
`76`	`76`	`}`
`77`		`-`
	`77`	`+`
`78`	`78`	`.nav-scrollable {`
`79`	`79`	`/* Allow sidebar to scroll for tall menus */`
`80`	`80`	`height: calc(100vh - 3.5rem);`