From 783aaecd5541a09ef29708d2abc732bdd595ad7c Mon Sep 17 00:00:00 2001 From: Michael Bond Date: Thu, 21 Nov 2024 20:53:20 -0500 Subject: [PATCH] Attempt to fix safe area for mobile --- Pkmds.Web/wwwroot/css/app.css | 20 ++++++++++++++++++++ Pkmds.Web/wwwroot/index.html | 3 +++ 2 files changed, 23 insertions(+) diff --git a/Pkmds.Web/wwwroot/css/app.css b/Pkmds.Web/wwwroot/css/app.css index 928ee2cd..0877b646 100644 --- a/Pkmds.Web/wwwroot/css/app.css +++ b/Pkmds.Web/wwwroot/css/app.css @@ -73,3 +73,23 @@ item-sprite { .loading-progress-text:after { content: var(--blazor-load-percentage-text, "Loading"); } + +.status-bar-safe-area { + display: none; +} + +@supports (-webkit-touch-callout: none) { + .status-bar-safe-area { + display: flex; + position: sticky; + top: 0; + height: env(safe-area-inset-top); + background-color: #f7f7f7; + width: 100%; + z-index: 1; + } + + .flex-column, .navbar-brand { + padding-left: env(safe-area-inset-left); + } +} diff --git a/Pkmds.Web/wwwroot/index.html b/Pkmds.Web/wwwroot/index.html index f8fe447f..48d5581f 100644 --- a/Pkmds.Web/wwwroot/index.html +++ b/Pkmds.Web/wwwroot/index.html @@ -20,6 +20,8 @@ +
+
+