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

TEST: Chip/Banner-Abdunklung+Blur je Welt unterschiedlich (JETZT mild, HUND mittel, WELT stark reduziert), SW v1123

Browse source
This commit is contained in:
rene 2026-05-29 08:48:44 +02:00
parent 87c688d5b7
commit bf67bf558f
6 changed files with 35 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -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;