Revert: App-Shell-CSS auf Original — height/overflow auf #app+body bricht iOS PWA

Behalte nur sichere Fixes:
- #page-content min-height:0 (iOS Flex-Bug)
- #bottom-nav transform:translateZ(0) (GPU-Layer)
- SW by-v526, APP_VER 503
This commit is contained in:
rene 2026-04-30 07:19:37 +02:00
parent 8fb4137465
commit 0e6ab1b773
4 changed files with 5 additions and 11 deletions

View file

@ -206,7 +206,7 @@ body {
line-height: var(--leading-normal);
color: var(--c-text);
background-color: var(--c-bg);
height: 100%;
min-height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

View file

@ -10,16 +10,13 @@
#app {
display: flex;
flex-direction: column;
/* height:100% kaskadiert von html→body→#app → exakter Scroll-Container */
height: 100%;
overflow: hidden;
min-height: 100dvh;
}
/* Content-Bereich: füllt den Raum zwischen Header und Bottom-Nav */
#page-content {
flex: 1;
/* min-height:0 zwingt flex-child zum Schrumpfen → overflow-y greift auf iOS */
min-height: 0;
min-height: 0; /* iOS-Flex-Bug: ohne das scrollt body statt #page-content */
overflow-y: auto;
overflow-x: hidden;
padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom) + 16px);
@ -30,9 +27,6 @@
@media (min-width: 768px) {
#app {
flex-direction: row;
height: auto;
min-height: 100dvh;
overflow: visible;
}
#page-content {
min-height: unset;

View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '502'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '503'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.0.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';

View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
const CACHE_VERSION = 'by-v525';
const CACHE_VERSION = 'by-v526';
const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache