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 */