github/TREK
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Switch to default status bar style — iOS handles safe areas cleanly

Browse Source
This commit is contained in:
Maurice
2026-03-21 23:10:23 +01:00
parent 47028798b1
commit e652efee8a
2 changed files with 2 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/index.html
View File

@@ -2,13 +2,13 @@
<html lang="de"> <html lang="de">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>NOMAD</title> <title>NOMAD</title>
<!-- PWA / iOS --> <!-- PWA / iOS -->
<meta name="theme-color" content="#111827" /> <meta name="theme-color" content="#111827" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="NOMAD" /> <meta name="apple-mobile-web-app-title" content="NOMAD" />
<link rel="apple-touch-icon" href="/icons/apple-touch-icon-180x180.png" /> <link rel="apple-touch-icon" href="/icons/apple-touch-icon-180x180.png" />

15
client/src/index.css
View File

@@ -5,21 +5,6 @@
html { height: 100%; overflow: hidden; background-color: var(--bg-primary); } html { height: 100%; overflow: hidden; background-color: var(--bg-primary); }
body { height: 100%; overflow: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; } body { height: 100%; overflow: auto; overscroll-behavior: none; -webkit-overflow-scrolling: touch; }
/* iOS PWA: fill the home indicator safe area with app background */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
html::after {
content: '';
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 {
background: rgba(10, 10, 20, 0.6) !important; background: rgba(10, 10, 20, 0.6) !important;