From 5a6ca5496b0532ef92d3e2a0a9683742f9c4e598 Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Thu, 30 Apr 2026 09:00:30 +0200
Subject: [PATCH] =?UTF-8?q?Revert=20nav:=20Original-Layout=20restauriert?=
 =?UTF-8?q?=20+=20overscroll-behavior:none=20=E2=80=94=20SW=20by-v535,=20A?=
 =?UTF-8?q?PP=5FVER=20512?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/static/css/layout.css | 50 ++++++++++++++---------------------
 backend/static/index.html     |  2 +-
 backend/static/js/app.js      |  7 +----
 backend/static/sw.js          |  2 +-
 4 files changed, 23 insertions(+), 38 deletions(-)

diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css
index 21572ad..b5aa03e 100644
--- a/backend/static/css/layout.css
+++ b/backend/static/css/layout.css
@@ -10,44 +10,30 @@
 #app {
   display:        flex;
   flex-direction: column;
-  height:         100dvh; /* dvh = dynamic viewport inkl. safe areas */
-  overflow:       hidden;
+  min-height:     100dvh;
 }
 
-/* Content-Bereich scrollt intern — kein padding-bottom nötig da Nav Flex-Kind */
+/* Content-Bereich: füllt den Raum zwischen Header und Bottom-Nav */
 #page-content {
   flex:                  1;
   min-height:            0;
   overflow-y:            auto;
   overflow-x:            hidden;
+  padding-bottom:        calc(var(--nav-bottom-height) + var(--safe-bottom) + 16px);
   -webkit-overflow-scrolling: touch;
-  overscroll-behavior-y: none;
+  overscroll-behavior-y: none; /* iOS-Bounce verhindert fixed-Nav-Drift */
 }
 
-/* Vollbild-Seiten: #page-content kein Scroll */
-body.page-fullscreen #page-content {
-  overflow: hidden;
-}
-
-/* Desktop: window-scroll, Sidebar-Layout */
+/* Desktop: Sidebar-Layout */
 @media (min-width: 768px) {
   #app {
-    height:         auto;
-    min-height:     100dvh;
-    overflow:       visible;
     flex-direction: row;
   }
   #page-content {
-    flex:           unset;
     min-height:     unset;
-    overflow-y:     visible;
-    overflow-x:     visible;
     padding-bottom: 0;
     padding-left:   var(--nav-sidebar-width);
   }
-  body.page-fullscreen #page-content {
-    overflow: visible;
-  }
 }
 
 /* ------------------------------------------------------------
@@ -174,19 +160,23 @@ body.page-fullscreen #page-content {
    3. BOTTOM NAVIGATION (Mobile)
    ------------------------------------------------------------ */
 #bottom-nav {
-  /* Flex-Kind von #app{height:100dvh} — kein position:fixed nötig.
-     100dvh auf iOS inkludiert Safe Areas → Nav endet am physischen Rand. */
-  flex-shrink:    0;
-  z-index:        700;
-  min-height:     calc(var(--nav-bottom-height) + var(--safe-bottom));
+  position:    fixed;
+  bottom:      0;
+  left:        0;
+  right:       0;
+  z-index:     700;
+  transform:   translateZ(0);
+  -webkit-transform: translateZ(0);
+  will-change: transform;
+  min-height:  calc(var(--nav-bottom-height) + var(--safe-bottom));
   padding-top:    var(--space-1);
   padding-bottom: calc(var(--safe-bottom) + var(--space-1));
-  background:     var(--c-surface);
-  border-top:     1px solid var(--c-border-light);
-  display:        flex;
-  align-items:    stretch;
-  box-shadow:     0 -2px 12px rgba(42, 31, 20, 0.08);
-  transition:     border-top-color 0.4s ease;
+  background:  var(--c-surface);
+  border-top:  1px solid var(--c-border-light);
+  display:     flex;
+  align-items: stretch;
+  box-shadow:  0 -2px 12px rgba(42, 31, 20, 0.08);
+  transition:  border-top-color 0.4s ease;
 }
 
 @keyframes nav-alert-pulse {
diff --git a/backend/static/index.html b/backend/static/index.html
index 16a5b81..688dd83 100644
--- a/backend/static/index.html
+++ b/backend/static/index.html
@@ -434,7 +434,7 @@
 
   </main>
 
-  <!-- MOBILE BOTTOM NAVIGATION — Flex-Kind von #app (height:100dvh) -->
+  <!-- MOBILE BOTTOM NAVIGATION -->
   <nav id="bottom-nav" role="navigation" aria-label="Hauptnavigation">
     <div class="nav-item" data-page="map">
       <svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#map-trifold"></use></svg>
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index b5a6d90..d6f1867 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     = '511'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER     = '512'; // ← 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';
 
@@ -88,14 +88,9 @@ const App = (() => {
   // ----------------------------------------------------------
   // ROUTER
   // ----------------------------------------------------------
-  const _FULLSCREEN_PAGES = new Set(['map', 'walks', 'sitting', 'chat']);
-
   function navigate(pageId, pushHistory = true, params = {}) {
     if (!pages[pageId]) return;
 
-    // Vollbild-Seiten benötigen window-scroll deaktiviert (iOS fixed-nav Fix)
-    document.body.classList.toggle('page-fullscreen', _FULLSCREEN_PAGES.has(pageId));
-
     // Aktive Seite ausblenden
     document.querySelector('.page.active')?.classList.remove('active');
     document.querySelectorAll('.nav-item.active, .sidebar-item.active')
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 0bc32de..14e5858 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-v534';
+const CACHE_VERSION = 'by-v535';
 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