From fd164704b25ec5c000a2765eb0930b87e9a4e61e Mon Sep 17 00:00:00 2001 From: Chris Swithinbank Date: Mon, 16 Dec 2024 17:05:24 +0100 Subject: [PATCH] Fix site title focus ring (#2704) --- .changeset/wicked-insects-refuse.md | 5 +++++ packages/starlight/components/Header.astro | 5 ++++- 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 .changeset/wicked-insects-refuse.md diff --git a/.changeset/wicked-insects-refuse.md b/.changeset/wicked-insects-refuse.md new file mode 100644 index 00000000000..2cf949c8eb3 --- /dev/null +++ b/.changeset/wicked-insects-refuse.md @@ -0,0 +1,5 @@ +--- +'@astrojs/starlight': patch +--- + +Fixes display of focus indicator around site title diff --git a/packages/starlight/components/Header.astro b/packages/starlight/components/Header.astro index 87b97fb1c6f..fa87ce89570 100644 --- a/packages/starlight/components/Header.astro +++ b/packages/starlight/components/Header.astro @@ -41,7 +41,10 @@ const shouldRenderSearch = .title-wrapper { /* Prevent long titles overflowing and covering the search and menu buttons on narrow viewports. */ - overflow: hidden; + overflow: clip; + /* Avoid clipping focus ring around link inside title wrapper. */ + padding: 0.25rem; + margin: -0.25rem; } .right-group,