Fix Desktop Chips: !important overrides für flex + grid-template-columns unset
Das grid blieb wegen Spezifität aktiv. Explizite !important auf display:flex, flex-wrap:nowrap, grid-template-columns:unset erzwingen die Eine-Zeile-Darstellung. components.css ?v=1008, SW by-v1009, APP_VER 1009
This commit is contained in:
parent
9168d982d0
commit
6721597779
5 changed files with 16 additions and 15 deletions
|
|
@ -410,7 +410,7 @@ async def serve_media(path: str, request: _Request):
|
|||
raise _HE(404, "Nicht gefunden.")
|
||||
return _media_response(filepath)
|
||||
|
||||
APP_VER = "1008" # muss mit APP_VER in app.js übereinstimmen
|
||||
APP_VER = "1009" # muss mit APP_VER in app.js übereinstimmen
|
||||
|
||||
@app.get("/.well-known/assetlinks.json")
|
||||
async def assetlinks():
|
||||
|
|
|
|||
|
|
@ -7918,19 +7918,20 @@ svg.empty-state-icon {
|
|||
}
|
||||
/* Alle Chips in einer Zeile, zentriert, egal wie viele aktiv */
|
||||
.world-chips-grid {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: center;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
gap: 7px;
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
flex-wrap: nowrap !important;
|
||||
justify-content: center !important;
|
||||
grid-template-columns: unset !important;
|
||||
max-width: none !important;
|
||||
margin: 0 !important;
|
||||
gap: 7px !important;
|
||||
}
|
||||
.world-chip {
|
||||
flex: 0 1 80px;
|
||||
min-width: 60px;
|
||||
width: 80px;
|
||||
min-height: 74px;
|
||||
flex: 0 1 80px !important;
|
||||
min-width: 60px !important;
|
||||
width: 80px !important;
|
||||
min-height: 74px !important;
|
||||
}
|
||||
/* Nav vertikal zentriert zwischen Chips und Footer */
|
||||
#world-labels {
|
||||
|
|
|
|||
|
|
@ -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=1007">
|
||||
<link rel="stylesheet" href="/css/components.css?v=1008">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '1008'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '1009'; // ← 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
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
Offline-Cache + Push Notifications + Tile-Cache
|
||||
============================================================ */
|
||||
|
||||
const CACHE_VERSION = 'by-v1008';
|
||||
const CACHE_VERSION = 'by-v1009';
|
||||
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