Sprachmenü mittig unter dem Knopf statt rechtsbündig

Das Sprach-Aufklappmenü hing sichtbar nach links versetzt unter seinem Knopf, weil es mit
"right: 0" an dessen rechter Kante ausgerichtet war und breiter ist als der Knopf selbst.
Jetzt echt zentriert (left: 50% + translateX(-50%)) — dasselbe Muster wie auf der
Dogfather-Referenzseite (.nav-dropdown) und wie beim Konto-Menü, das das schon hatte.

Nachgemessen bei 1440/1024/390 px: Versatz jeweils exakt 0 px, kein Überlauf am Bildrand.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
qcigano
2026-08-04 09:24:14 +02:00
co-authored by Claude Opus 5
parent bf0d169015
commit 0bcbbee23f
+7 -1
View File
@@ -466,7 +466,13 @@ a:focus-visible, button:focus-visible {
.lang-switch-menu {
position: absolute;
top: calc(100% + 0.6rem);
right: 0;
/* Wie auf der Dogfather-Referenzseite (assets/css/main.css, .nav-dropdown) und wie beim
Konto-Menü: ECHT zentriert unter dem auslösenden Knopf (left:50% + translateX(-50%))
statt rechtsbündig an dessen Kante. Vorher stand hier "right: 0", wodurch das Menü
sichtbar nach links versetzt unter dem Knopf hing, weil es breiter ist als der Knopf. */
left: 50%;
right: auto;
transform: translateX(-50%);
min-width: 168px;
background: var(--c-anthracite-light);
border: 1px solid rgba(244, 241, 247, 0.1);