DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Sprachschalter-Menue nicht mittig wie die Kategorie-Menues

Browse Source 
Nutzer-Report per Screenshot-Vergleich: "Medien"-Kategorie ist mittig
unter dem Knopf, der Sprachschalter (DE/CH/EN/FR/PT) aber rechtsbuendig --
war bewusst so gebaut, als der Schalter noch ganz am rechten Rand sass.
Seit DogiCrew-/Bewerben-Knopf daneben stehen, ist genug Platz fuer
dieselbe zentrierte Ausrichtung wie ueberall sonst -- macht die Optik
konsistent und behebt nebenbei einen Detail-Fehler: der Verbindungspfeil
zeigte schon immer mittig, waehrend die Box selbst rechts daneben sass.
Per Playwright verifiziert: Dropdown jetzt exakt unter dem Knopf zentriert,
laeuft bei keiner getesteten Breite ueber den Rand.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-08-20 23:10:27 +02:00
co-authored by Claude Opus 5
parent 7dadd84cbb
commit 7fdceadb9e
36 changed files with 250 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+15 -6
View File
@@ -411,11 +411,21 @@ header.site-header {
0% { background-position: 160% 0; }
100% { background-position: -60% 0; }
}
/* Bugfix 20.08.2026 (Nutzer-Report per Screenshot-Vergleich: Kategorie-
Menüs wie "Medien" sind mittig unter dem Knopf, der Sprachschalter aber
rechtsbündig) — war bewusst rechtsbündig, seit der Sprachschalter aber
nicht mehr ganz am rechten Rand sitzt (DogiCrew-/Bewerben-Knopf daneben),
ist genug Platz für dieselbe zentrierte Ausrichtung wie überall sonst.
left/transform hier deshalb NICHT mehr überschrieben (erbt jetzt
left:50%/translateX(-50%) von der allgemeinen .nav-dropdown-Regel,
genau wie der bereits zentrierte Verbindungs-Pfeil (::before) es die
ganze Zeit schon war — vorher zeigte der Pfeil mittig, während die Box
selbst daneben saß). Eigene Animation bleibt bestehen (siehe Kommentar
der allgemeinen .nav-dropdown-Animation), jetzt aber ebenfalls mit
translateX(-50%) in jedem Frame, sonst würde sie die Zentrierung wieder
aufheben. */
.sprach-schalter .nav-dropdown {
min-width: 190px;
left: auto;
right: 0;
transform: none;
padding: .4rem;
border-radius: 14px;
border: 1px solid rgba(210, 216, 224, .55);
@@ -424,12 +434,11 @@ header.site-header {
0 14px 34px rgba(0, 0, 0, .6),
0 0 16px rgba(220, 226, 235, .35),
0 0 34px rgba(190, 200, 215, .18);
transform-origin: top right;
animation: sprach-dropdown-in .18s ease both, sprach-silber-puls 3.6s ease-in-out infinite;
}
@keyframes sprach-dropdown-in {
from { opacity: 0; transform: translateY(-6px) scale(.96); }
to { opacity: 1; transform: translateY(0) scale(1); }
from { opacity: 0; transform: translateX(-50%) translateY(-6px) scale(.96); }
to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
}
/* Silberner Polarlicht-Schein um den Dropdown-Rand — bewusst neutral
silber statt farbig, damit sich der schwarze Kasten von der bunten