Fixes display of long site title on mobile (#2722)

techfg · delucis · web-flow · commit 0b206d3a23f0 · 2025-01-10T22:00:29.000+01:00
Co-authored-by: Chris Swithinbank &lt;swithinbank@gmail.com&gt;
diff --git a/.changeset/cold-vans-tan.md b/.changeset/cold-vans-tan.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Fixes display of long site title on mobile
diff --git a/packages/starlight/components/Header.astro b/packages/starlight/components/Header.astro
@@ -45,6 +45,7 @@ const shouldRenderSearch =
 		/* Avoid clipping focus ring around link inside title wrapper. */
 		padding: 0.25rem;
 		margin: -0.25rem;
+		min-width: 0;
 	}
 
 	.right-group,

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@astrojs/starlight': patch
 +---
++
 +Fixes display of long site title on mobile
Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,7 @@ const shouldRenderSearch =`
`45`	`45`	`/* Avoid clipping focus ring around link inside title wrapper. */`
`46`	`46`	`padding: 0.25rem;`
`47`	`47`	`margin: -0.25rem;`
	`48`	`+ min-width: 0;`
`48`	`49`	`}`
`49`	`50`
`50`	`51`	`.right-group,`