From e649e0ab925d04c76e027197180bf0c26499a345 Mon Sep 17 00:00:00 2001 From: Diogo Carneiro Date: Thu, 4 Dec 2025 17:01:40 +0000 Subject: [PATCH 1/2] [HEADER] Fix focus outline on Chromium browsers and iOS Safari --- src/components/overrides/Header.astro | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/src/components/overrides/Header.astro b/src/components/overrides/Header.astro index a15eeca86c99436..f5b56f0d724ceb6 100644 --- a/src/components/overrides/Header.astro +++ b/src/components/overrides/Header.astro @@ -48,8 +48,26 @@ import HeaderDropdowns from "../HeaderDropdowns.tsx"; } :global(starlight-theme-select > label > select) { - line-height: 1.25rem; - } + line-height: 1.25rem; + margin-inline: calc(var(--sl-inline-padding) * -1); + margin: 1px 1px; + } + + :global( + starlight-theme-select > label > select:focus, + starlight-theme-select > label > select:focus-visible + ) { + margin: 1px 1px; + outline-offset: -4px; + } + + :global(starlight-theme-select > label > .label-icon) { + left: 8%; + } + + :global(starlight-theme-select > label > .caret) { + left: 75%; + } @media screen and (min-width: 800px) { #right-group { From cc4445f2ec8b731b86e0d4172791218fc396bb09 Mon Sep 17 00:00:00 2001 From: Diogo Carneiro Date: Thu, 4 Dec 2025 17:27:00 +0000 Subject: [PATCH 2/2] [HEADER] Removed unnecessary css (already inherited from starlight defaults) --- src/components/overrides/Header.astro | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/overrides/Header.astro b/src/components/overrides/Header.astro index f5b56f0d724ceb6..8445718ba6142fb 100644 --- a/src/components/overrides/Header.astro +++ b/src/components/overrides/Header.astro @@ -49,7 +49,6 @@ import HeaderDropdowns from "../HeaderDropdowns.tsx"; :global(starlight-theme-select > label > select) { line-height: 1.25rem; - margin-inline: calc(var(--sl-inline-padding) * -1); margin: 1px 1px; }