From cee763b189e37ca082977537a18b572282798829 Mon Sep 17 00:00:00 2001 From: Michael Randers-Pehrson Date: Thu, 16 Jul 2020 10:44:16 -0400 Subject: [PATCH] [Blazor][Fixes #22895] Page header can be covered by other elements when there is a lot of content on the page (#24005) Adds z-index to top-row to avoid the header being covered by other elements --- src/Components/Samples/BlazorServerApp/wwwroot/css/site.css | 1 + .../content/BlazorServerWeb-CSharp/wwwroot/css/site.css | 1 + .../ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css | 1 + 3 files changed, 3 insertions(+) diff --git a/src/Components/Samples/BlazorServerApp/wwwroot/css/site.css b/src/Components/Samples/BlazorServerApp/wwwroot/css/site.css index c15c2e1556..bdca6fbfcb 100644 --- a/src/Components/Samples/BlazorServerApp/wwwroot/css/site.css +++ b/src/Components/Samples/BlazorServerApp/wwwroot/css/site.css @@ -24,6 +24,7 @@ app { height: 3.5rem; display: flex; align-items: center; + z-index: 10; } .main { diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/wwwroot/css/site.css b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/wwwroot/css/site.css index 2ebdff93e6..dd1b08bd85 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/wwwroot/css/site.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/wwwroot/css/site.css @@ -24,6 +24,7 @@ app { height: 3.5rem; display: flex; align-items: center; + z-index: 10; } .main { diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css b/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css index 0c0c94d820..76b9667ff5 100644 --- a/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css +++ b/src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/wwwroot/css/app.css @@ -24,6 +24,7 @@ app { height: 3.5rem; display: flex; align-items: center; + z-index: 10; } .main {