Fix: Desktop-Welten-Labels — größer (13px), heller, Text-Schatten, Pill-Hintergrund aktiv, SW by-v652

This commit is contained in:
rene 2026-05-03 11:12:54 +02:00
parent 15e2446ea7
commit f0b5e6e89b
4 changed files with 28 additions and 10 deletions

View file

@ -7600,10 +7600,28 @@ svg.empty-state-icon {
.wlabel.active { opacity: 1; }
@media (min-width: 768px) {
#world-labels { gap: 48px; font-size: 11px; }
.wlabel { opacity: 0.5; padding: 4px 10px; border-radius: 8px; }
.wlabel:hover { opacity: 0.8; background: rgba(255,255,255,0.08); }
.wlabel.active { opacity: 1; background: rgba(255,255,255,0.12); }
#world-labels {
gap: 40px;
top: calc(env(safe-area-inset-top, 0px) + 18px);
}
.wlabel {
font-size: 13px;
letter-spacing: 0.18em;
opacity: 0.55;
padding: 6px 14px;
border-radius: 20px;
text-shadow: 0 1px 6px rgba(0,0,0,0.7);
transition: opacity 0.18s, background 0.18s;
}
.wlabel:hover {
opacity: 0.85;
background: rgba(255, 255, 255, 0.12);
}
.wlabel.active {
opacity: 1;
background: rgba(255, 255, 255, 0.18);
text-shadow: 0 1px 8px rgba(0,0,0,0.5);
}
}
/* Settings-Button */

View file

@ -93,9 +93,9 @@
</script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=651">
<link rel="stylesheet" href="/css/layout.css?v=651">
<link rel="stylesheet" href="/css/components.css?v=651">
<link rel="stylesheet" href="/css/design-system.css?v=652">
<link rel="stylesheet" href="/css/layout.css?v=652">
<link rel="stylesheet" href="/css/components.css?v=652">
</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=651"></script>
<script src="/js/worlds.js?v=652"></script>
<!-- Feature-Seiten werden lazy geladen -->

View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '651'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '652'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.3.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';

View file

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