Kategorie-Knöpfe (Start/DogFather/HasiDog/Manager/Medien/Links) sehen nicht mehr wie Buttons aus
Der Polarlicht-Schein war bisher permanent sichtbar (22% Deckkraft), dadurch wirkten alle Kategorien wie ausgefüllte Pillen-Buttons statt wie normale Nav-Links. Jetzt 0% im Ruhezustand (reiner Textlink-Look) und nur bei Hover/offenem Dropdown ein dezenter Farbschein als Hinweis.
This commit is contained in:
+7
-6
@@ -197,10 +197,11 @@ header.site-header {
|
||||
}
|
||||
.nav-flat:hover, .nav-flat.active { color: var(--accent); }
|
||||
|
||||
/* Augenschonende Polarlicht-Schimmer je Kategorie, in den echten Farben
|
||||
der jeweiligen Welt (siehe theme-dogfather/-hasidog/-spicymedia.css) —
|
||||
sehr dezent im Ruhezustand, etwas kräftiger bei Hover/offenem Dropdown.
|
||||
Bewusst subtil (niedrige Deckkraft), damit die Kopfzeile ruhig bleibt. */
|
||||
/* Kein Button-/Pillen-Look im Ruhezustand mehr (0% Deckkraft) — die
|
||||
Kategorien sehen bei Dogi so aus wie normale Textlinks. Der Farbschein
|
||||
in den echten Farben der jeweiligen Welt (siehe theme-dogfather/
|
||||
-hasidog/-spicymedia.css) taucht NUR bei Hover/offenem Dropdown ganz
|
||||
dezent auf, als kleiner Hinweis statt als ständige Box. */
|
||||
.nav-group > button::before, .nav-flat::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
@@ -210,7 +211,7 @@ header.site-header {
|
||||
radial-gradient(circle at 28% 30%, var(--brand-1, transparent), transparent 62%),
|
||||
radial-gradient(circle at 74% 72%, var(--brand-2, transparent), transparent 62%);
|
||||
filter: blur(9px) saturate(1.25);
|
||||
opacity: .22;
|
||||
opacity: 0;
|
||||
animation: nav-cta-aurora 11s ease-in-out infinite alternate;
|
||||
pointer-events: none;
|
||||
transition: opacity .3s ease;
|
||||
@@ -219,7 +220,7 @@ header.site-header {
|
||||
.nav-group.open > button::before,
|
||||
.nav-flat:hover::before,
|
||||
.nav-flat.active::before {
|
||||
opacity: .5;
|
||||
opacity: .32;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.nav-group > button::before, .nav-flat::before { animation: none; }
|
||||
|
||||
Reference in New Issue
Block a user