Fix bottom bar: use transform trick to paint safe area

This commit is contained in:
Maurice
2026-03-21 23:07:10 +01:00
parent 6076a482b8
commit 47028798b1
+16 -7
View File
@@ -3,13 +3,22 @@
@tailwind utilities; @tailwind utilities;
html { height: 100%; overflow: hidden; background-color: var(--bg-primary); } html { height: 100%; overflow: hidden; background-color: var(--bg-primary); }
body { body { height: 100%; overflow: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; }
position: fixed;
inset: 0; /* iOS PWA: fill the home indicator safe area with app background */
margin: 0; @supports (padding-bottom: env(safe-area-inset-bottom)) {
overflow: auto; html::after {
overscroll-behavior: none; content: '';
-webkit-overflow-scrolling: touch; position: fixed;
left: 0;
right: 0;
bottom: 0;
height: env(safe-area-inset-bottom, 0px);
background: var(--bg-primary);
transform: translateY(100%);
pointer-events: none;
z-index: 99999;
}
} }
.atlas-tooltip { .atlas-tooltip {