From 0e6ab1b7736a36d1bd74ca53ed20c79457c9571e Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Thu, 30 Apr 2026 07:19:37 +0200
Subject: [PATCH] =?UTF-8?q?Revert:=20App-Shell-CSS=20auf=20Original=20?=
 =?UTF-8?q?=E2=80=94=20height/overflow=20auf=20#app+body=20bricht=20iOS=20?=
 =?UTF-8?q?PWA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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
---
 backend/static/css/design-system.css |  2 +-
 backend/static/css/layout.css        | 10 ++--------
 backend/static/js/app.js             |  2 +-
 backend/static/sw.js                 |  2 +-
 4 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/backend/static/css/design-system.css b/backend/static/css/design-system.css
index 2249a2b..5b6f1e0 100644
--- a/backend/static/css/design-system.css
+++ b/backend/static/css/design-system.css
@@ -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;
 }
diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css
index fc9d99d..8ffa323 100644
--- a/backend/static/css/layout.css
+++ b/backend/static/css/layout.css
@@ -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;
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index c26a0d8..e3584f8 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -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';
 
diff --git a/backend/static/sw.js b/backend/static/sw.js
index d2db130..69c63d8 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -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