mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-06-19 13:21:46 +00:00
Fix bottom bar: use transform trick to paint safe area
This commit is contained in:
+16
-7
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user