From 4f666ba4fad7118a31bae819eb6be068da9e4d94 Mon Sep 17 00:00:00 2001 From: Chris Swithinbank Date: Wed, 7 Jun 2023 12:48:40 +0200 Subject: Fix focus outline positioning in tabs --- .changeset/wild-kiwis-drum.md | 5 +++++ packages/starlight/user-components/Tabs.astro | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/wild-kiwis-drum.md diff --git a/.changeset/wild-kiwis-drum.md b/.changeset/wild-kiwis-drum.md new file mode 100644 index 00000000..f6836939 --- /dev/null +++ b/.changeset/wild-kiwis-drum.md @@ -0,0 +1,5 @@ +--- +"@astrojs/starlight": patch +--- + +Fix focus outline positioning in tabs diff --git a/packages/starlight/user-components/Tabs.astro b/packages/starlight/user-components/Tabs.astro index dc4bc744..3dc7f096 100644 --- a/packages/starlight/user-components/Tabs.astro +++ b/packages/starlight/user-components/Tabs.astro @@ -58,6 +58,7 @@ const { html, panels } = processPanels(panelHtml); text-decoration: none; border-bottom: 2px solid var(--sl-color-gray-5); color: var(--sl-color-gray-3); + outline-offset: var(--sl-outline-offset-inside); } .tab [role='tab'][aria-selected] { color: var(--sl-color-white); -- cgit