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:
2026-08-02 18:49:59 +02:00
parent a814d7c702
commit d41ad02ed8
+7 -6
View File
@@ -197,10 +197,11 @@ header.site-header {
} }
.nav-flat:hover, .nav-flat.active { color: var(--accent); } .nav-flat:hover, .nav-flat.active { color: var(--accent); }
/* Augenschonende Polarlicht-Schimmer je Kategorie, in den echten Farben /* Kein Button-/Pillen-Look im Ruhezustand mehr (0% Deckkraft) — die
der jeweiligen Welt (siehe theme-dogfather/-hasidog/-spicymedia.css) — Kategorien sehen bei Dogi so aus wie normale Textlinks. Der Farbschein
sehr dezent im Ruhezustand, etwas kräftiger bei Hover/offenem Dropdown. in den echten Farben der jeweiligen Welt (siehe theme-dogfather/
Bewusst subtil (niedrige Deckkraft), damit die Kopfzeile ruhig bleibt. */ -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 { .nav-group > button::before, .nav-flat::before {
content: ""; content: "";
position: absolute; 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 28% 30%, var(--brand-1, transparent), transparent 62%),
radial-gradient(circle at 74% 72%, var(--brand-2, transparent), transparent 62%); radial-gradient(circle at 74% 72%, var(--brand-2, transparent), transparent 62%);
filter: blur(9px) saturate(1.25); filter: blur(9px) saturate(1.25);
opacity: .22; opacity: 0;
animation: nav-cta-aurora 11s ease-in-out infinite alternate; animation: nav-cta-aurora 11s ease-in-out infinite alternate;
pointer-events: none; pointer-events: none;
transition: opacity .3s ease; transition: opacity .3s ease;
@@ -219,7 +220,7 @@ header.site-header {
.nav-group.open > button::before, .nav-group.open > button::before,
.nav-flat:hover::before, .nav-flat:hover::before,
.nav-flat.active::before { .nav-flat.active::before {
opacity: .5; opacity: .32;
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.nav-group > button::before, .nav-flat::before { animation: none; } .nav-group > button::before, .nav-flat::before { animation: none; }