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:
parent
8fb4137465
commit
0e6ab1b773
4 changed files with 5 additions and 11 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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';
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue