Fix: Desktop-Welten-Labels — größer (13px), heller, Text-Schatten, Pill-Hintergrund aktiv, SW by-v652
This commit is contained in:
parent
15e2446ea7
commit
f0b5e6e89b
4 changed files with 28 additions and 10 deletions
|
|
@ -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 */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue