Lang switch: explicit native-appearance reset so it never falls back to a boxed button
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
+1
-1
@@ -434,7 +434,7 @@ body.menu-open .drawer { transform: translateY(0); opacity: 1; pointer-events: a
|
|||||||
|
|
||||||
/* ============ Language switch ============ */
|
/* ============ Language switch ============ */
|
||||||
.lang-switch { display: inline-flex; align-items: center; gap: 0.45rem; font-family: var(--font-body); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; }
|
.lang-switch { display: inline-flex; align-items: center; gap: 0.45rem; font-family: var(--font-body); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; }
|
||||||
.lang-btn { background: none; border: none; cursor: pointer; padding: 0.25rem 0.15rem; margin: 0; font: inherit; letter-spacing: inherit; text-transform: uppercase; color: var(--color-ink-faint); transition: color var(--dur-fast) var(--ease-out); }
|
.lang-btn { -webkit-appearance: none; appearance: none; background: none; border: none; border-radius: 0; box-shadow: none; cursor: pointer; padding: 0.25rem 0.15rem; margin: 0; line-height: 1; font: inherit; letter-spacing: inherit; text-transform: uppercase; color: var(--color-ink-faint); transition: color var(--dur-fast) var(--ease-out); }
|
||||||
.lang-btn:hover { color: var(--color-ink); }
|
.lang-btn:hover { color: var(--color-ink); }
|
||||||
.lang-switch__sep { color: var(--color-line-2); font-weight: 400; }
|
.lang-switch__sep { color: var(--color-line-2); font-weight: 400; }
|
||||||
html[data-lang="de"] .lang-btn[data-setlang="de"],
|
html[data-lang="de"] .lang-btn[data-setlang="de"],
|
||||||
|
|||||||
Reference in New Issue
Block a user