From b62d1ba93358ab05676a00c23a863a0e843437bd Mon Sep 17 00:00:00 2001 From: rene Date: Thu, 30 Apr 2026 08:21:25 +0200 Subject: [PATCH] =?UTF-8?q?Fix:=20Bottom-Nav=20position:fixed=20zur=C3=BCc?= =?UTF-8?q?k=20=E2=80=94=20#app=20fixed+inset:0=20verhindert=20Drift,=20na?= =?UTF-8?q?v=20erreicht=20Bildschirmrand,=20SW=20by-v530?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- backend/static/css/layout.css | 11 ++++++++--- backend/static/js/app.js | 2 +- backend/static/sw.js | 2 +- 3 files changed, 10 insertions(+), 5 deletions(-) diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css index 5203654..adea5fb 100644 --- a/backend/static/css/layout.css +++ b/backend/static/css/layout.css @@ -25,7 +25,7 @@ overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; - padding-bottom: var(--space-4); + padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom) + 16px); } /* Vollbild-Seiten: #page-content kein Scroll */ @@ -177,8 +177,13 @@ body.page-fullscreen #page-content { 3. BOTTOM NAVIGATION (Mobile) ------------------------------------------------------------ */ #bottom-nav { - /* Flex-Kind statt position:fixed — kein iOS-Drift mehr */ - flex-shrink: 0; + /* position:fixed relativ zum Viewport — da #app kein transform hat, + ist dies stabil. Scroll passiert in #page-content (overflow-y:auto), + nicht im window → kein iOS-Drift. */ + position: fixed; + bottom: 0; + left: 0; + right: 0; z-index: 700; min-height: calc(var(--nav-bottom-height) + var(--safe-bottom)); padding-top: var(--space-1); diff --git a/backend/static/js/app.js b/backend/static/js/app.js index 9630580..9c2a3da 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 = '506'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen +const APP_VER = '507'; // ← 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 3edc30b..77a27bd 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-v529'; +const CACHE_VERSION = 'by-v530'; 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