Fix: Zurück-Button primär-orange, Map/Route vollbild (kein weißer Balken), Map-FABs 54px und über Back-Button, SW by-v645
This commit is contained in:
parent
150776eab4
commit
0488cde13f
4 changed files with 22 additions and 24 deletions
|
|
@ -3078,10 +3078,10 @@ html.modal-open {
|
|||
============================================================ */
|
||||
.map-full-layout {
|
||||
position: fixed;
|
||||
top: calc(var(--header-height) + var(--safe-top));
|
||||
top: var(--safe-top);
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: calc(var(--nav-bottom-height) + var(--safe-bottom));
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
|
@ -3148,11 +3148,11 @@ html.modal-open {
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
/* FAB-Gruppe rechts unten */
|
||||
/* FAB-Gruppe rechts unten — direkt über dem Zurück-Button */
|
||||
.map-fabs {
|
||||
position: absolute;
|
||||
bottom: var(--space-4);
|
||||
right: var(--space-3);
|
||||
bottom: calc(var(--safe-bottom) + 82px); /* 54px back + 20px bottom + 8px gap */
|
||||
right: 20px;
|
||||
z-index: 1000;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -3160,8 +3160,8 @@ html.modal-open {
|
|||
align-items: center;
|
||||
}
|
||||
.map-fab {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
border-radius: 50%;
|
||||
background: #C4843A;
|
||||
color: #fff;
|
||||
|
|
@ -3975,11 +3975,10 @@ html.modal-open {
|
|||
.rk-map-loc-input:focus { outline: none; border-color: var(--c-primary); }
|
||||
.rk-map-section {
|
||||
position: fixed;
|
||||
/* Unter dem App-Header, über der Bottom-Nav */
|
||||
top: calc(var(--header-height) + var(--safe-top));
|
||||
top: var(--safe-top);
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: calc(var(--nav-bottom-height) + var(--safe-bottom));
|
||||
bottom: 0;
|
||||
z-index: 200;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -7639,7 +7638,7 @@ svg.empty-state-icon {
|
|||
#app-header { display: none !important; }
|
||||
#bottom-nav { display: none !important; }
|
||||
|
||||
/* Zurück-FAB (gleiche Position wie worlds-fab, anderer Stil) */
|
||||
/* Zurück-FAB — gleiche Farbe und Größe wie Seiten-FABs */
|
||||
#worlds-back {
|
||||
position: fixed;
|
||||
bottom: calc(var(--safe-bottom) + 20px);
|
||||
|
|
@ -7647,21 +7646,20 @@ svg.empty-state-icon {
|
|||
width: 54px;
|
||||
height: 54px;
|
||||
border-radius: 50%;
|
||||
background: rgba(20, 24, 36, 0.88);
|
||||
border: 1.5px solid rgba(255, 255, 255, 0.18);
|
||||
color: white;
|
||||
background: var(--c-primary);
|
||||
border: none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
z-index: 200;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.40);
|
||||
backdrop-filter: blur(14px);
|
||||
-webkit-backdrop-filter: blur(14px);
|
||||
box-shadow: 0 4px 18px rgba(196, 132, 58, 0.45);
|
||||
transition: transform 0.12s, box-shadow 0.12s;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
#worlds-back.worlds-back-visible { display: flex; }
|
||||
#worlds-back:active { transform: scale(0.92); box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
|
||||
#worlds-back:active { transform: scale(0.92); box-shadow: 0 2px 8px rgba(196,132,58,0.3); }
|
||||
|
||||
/* worlds-hidden bleibt für eventuelle andere Verwendung */
|
||||
.worlds-hidden { display: none !important; }
|
||||
|
|
|
|||
|
|
@ -93,9 +93,9 @@
|
|||
</script>
|
||||
|
||||
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=644">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=644">
|
||||
<link rel="stylesheet" href="/css/components.css?v=644">
|
||||
<link rel="stylesheet" href="/css/design-system.css?v=645">
|
||||
<link rel="stylesheet" href="/css/layout.css?v=645">
|
||||
<link rel="stylesheet" href="/css/components.css?v=645">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -565,7 +565,7 @@
|
|||
<script src="/js/api.js?v=94"></script>
|
||||
<script src="/js/ui.js?v=94"></script>
|
||||
<script src="/js/app.js?v=94"></script>
|
||||
<script src="/js/worlds.js?v=644"></script>
|
||||
<script src="/js/worlds.js?v=645"></script>
|
||||
|
||||
<!-- Feature-Seiten werden lazy geladen -->
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '644'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '645'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VERSION = '1.2.1'; // ← 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-v644';
|
||||
const CACHE_VERSION = 'by-v645';
|
||||
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