DogFatherGit/vans-diy-bastelbedarf
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

Sprachmenü mittig unter dem Knopf statt rechtsbündig

Browse Source 
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
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+7 -1
View File
@@ -466,7 +466,13 @@ a:focus-visible, button:focus-visible {
.lang-switch-menu { .lang-switch-menu {
position: absolute; position: absolute;
top: calc(100% + 0.6rem); 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; min-width: 168px;
background: var(--c-anthracite-light); background: var(--c-anthracite-light);
border: 1px solid rgba(244, 241, 247, 0.1); border: 1px solid rgba(244, 241, 247, 0.1);