From bf67bf558feec9a9e599f07f18e211d25697f87a Mon Sep 17 00:00:00 2001 From: rene Date: Fri, 29 May 2026 08:48:44 +0200 Subject: [PATCH] TEST: Chip/Banner-Abdunklung+Blur je Welt unterschiedlich (JETZT mild, HUND mittel, WELT stark reduziert), SW v1123 --- VERSION | 2 +- backend/static/css/components.css | 31 +++++++++++++++++++------------ backend/static/index.html | 24 ++++++++++++------------ backend/static/js/app.js | 2 +- backend/static/landing.html | 2 +- backend/static/sw.js | 2 +- 6 files changed, 35 insertions(+), 28 deletions(-) diff --git a/VERSION b/VERSION index 4ee16cc..dbbcbc8 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -1122 \ No newline at end of file +1123 \ No newline at end of file diff --git a/backend/static/css/components.css b/backend/static/css/components.css index 309f5e4..9296bb0 100644 --- a/backend/static/css/components.css +++ b/backend/static/css/components.css @@ -8179,9 +8179,9 @@ svg.empty-state-icon { /* Frosted-Glass Info-Card (oben in jeder Welt) */ .world-info-card { - background: rgba(0, 0, 0, 0.38); - backdrop-filter: blur(18px) saturate(1.6); - -webkit-backdrop-filter: blur(18px) saturate(1.6); + background: rgba(0, 0, 0, var(--wbg-dim, 0.38)); + backdrop-filter: blur(var(--wbg-blur, 18px)) saturate(1.6); + -webkit-backdrop-filter: blur(var(--wbg-blur, 18px)) saturate(1.6); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 20px; padding: 16px 18px; @@ -8202,9 +8202,9 @@ svg.empty-state-icon { /* Frosted-Glass Reminder-Card (für Streak, Alerts) */ .world-reminder { - background: rgba(0, 0, 0, 0.32); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); + background: rgba(0, 0, 0, var(--wbg-dim, 0.32)); + backdrop-filter: blur(var(--wbg-blur, 12px)); + -webkit-backdrop-filter: blur(var(--wbg-blur, 12px)); border-radius: 16px; padding: 12px 16px; display: flex; @@ -8226,9 +8226,9 @@ svg.empty-state-icon { /* Einzelner Chip: Frosted Glass */ .world-chip { - background: rgba(0, 0, 0, 0.35); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); + background: rgba(0, 0, 0, var(--wbg-dim, 0.35)); + backdrop-filter: blur(var(--wbg-blur, 12px)); + -webkit-backdrop-filter: blur(var(--wbg-blur, 12px)); border-radius: 16px; padding: 12px 6px; text-align: center; @@ -8267,6 +8267,13 @@ svg.empty-state-icon { #wp-hund .world-chip { border: 1px solid rgba(196, 132, 58, 0.65); } #wp-welt .world-chip { border: 1px solid rgba(99, 130, 220, 0.55); } +/* TEST: Chip/Banner-Abdunklung + Blur je Welt unterschiedlich (zum Vergleich) + Defaults (ohne Override): dim 0.32–0.38 / blur 12–18px + → JETZT mild, HUND mittel, WELT stark reduziert */ +#wp-jetzt { --wbg-dim: 0.28; --wbg-blur: 8px; } +#wp-hund { --wbg-dim: 0.20; --wbg-blur: 5px; } +#wp-welt { --wbg-dim: 0.14; --wbg-blur: 3px; } + /* Sektion-Label über Chip-Gruppen */ .world-section-label { font-size: 9px; @@ -8285,9 +8292,9 @@ svg.empty-state-icon { .wj-chip { flex: 1; min-width: 0; - background: rgba(0, 0, 0, 0.32); - backdrop-filter: blur(12px); - -webkit-backdrop-filter: blur(12px); + background: rgba(0, 0, 0, var(--wbg-dim, 0.32)); + backdrop-filter: blur(var(--wbg-blur, 12px)); + -webkit-backdrop-filter: blur(var(--wbg-blur, 12px)); border-radius: 14px; padding: 10px 6px 9px; display: flex; diff --git a/backend/static/index.html b/backend/static/index.html index b365ccd..81ce30d 100644 --- a/backend/static/index.html +++ b/backend/static/index.html @@ -86,14 +86,14 @@ Ban Yaro - + - - - - - + + + + + @@ -617,11 +617,11 @@ - - - - - + + + + + @@ -631,7 +631,7 @@ - + diff --git a/backend/static/js/app.js b/backend/static/js/app.js index daba218..1363879 100644 --- a/backend/static/js/app.js +++ b/backend/static/js/app.js @@ -3,7 +3,7 @@ Router, State-Management, Navigation, Initialisierung. ============================================================ */ -const APP_VER = '1122'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen +const APP_VER = '1123'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator) window.APP_VERSION = APP_VERSION; diff --git a/backend/static/landing.html b/backend/static/landing.html index d5194a9..b03cda8 100644 --- a/backend/static/landing.html +++ b/backend/static/landing.html @@ -4,7 +4,7 @@ - + Ban Yaro — Die Hunde-App für Deutschland, Österreich & Schweiz diff --git a/backend/static/sw.js b/backend/static/sw.js index e6aa54a..37752e9 100644 --- a/backend/static/sw.js +++ b/backend/static/sw.js @@ -4,7 +4,7 @@ ============================================================ */ // ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab -const VER = '1122'; +const VER = '1123'; const CACHE_VERSION = `by-v${VER}`; const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten