rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Layout: Footer-Links absolut positioniert, Chips dichter am FAB

Browse source 
- .world-panel: bottom-padding 88→76px, position:relative als Anker
- .world-footer-links: position:absolute bottom:safe-area+4px —
  nimmt keinen Platz im Fluss mehr ein, klebt am unteren Bildschirmrand
- Chips sitzen jetzt näher am FAB, Hintergrundbild bekommt mehr Raum
- components.css ?v=1002, SW by-v1003, APP_VER 1003
This commit is contained in:
rene 2026-05-15 22:01:41 +02:00
parent a8c63e87da
commit d03e49800d
5 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
backend/static/css/components.css
View file

@ -8042,11 +8042,12 @@ svg.empty-state-icon {
flex-direction: column;
justify-content: space-between; /* Info oben, Chips unten */
padding: calc(env(safe-area-inset-top, 0px) + 58px) 14px
calc(env(safe-area-inset-bottom, 0px) + 88px);
calc(env(safe-area-inset-bottom, 0px) + 76px);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
position: relative; /* Anker für absolut positionierte Footer-Links */
}
/* Content-Divs füllen den Panel und verteilen Top/Bottom */
@ -8207,8 +8208,11 @@ svg.empty-state-icon {
/* Footer-Links (Impressum / Die 100 / Datenschutz) */
.world-footer-links {
position: absolute;
bottom: calc(env(safe-area-inset-bottom, 0px) + 4px);
left: 0; right: 0;
text-align: center;
padding: 4px 0 0;
padding: 0;
}
.world-footer-links span {
font-size: 10px;

2
backend/static/index.html
View file

@ -103,7 +103,7 @@
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=907">
<link rel="stylesheet" href="/css/layout.css?v=973">
<link rel="stylesheet" href="/css/components.css?v=1001">
<link rel="stylesheet" href="/css/components.css?v=1002">
</head>
<body>

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '1002'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '1003'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache
============================================================ */
const CACHE_VERSION = 'by-v1002';
const CACHE_VERSION = 'by-v1003';
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