diff --git a/.changeset/sweet-gorillas-refuse.md b/.changeset/sweet-gorillas-refuse.md new file mode 100644 index 00000000000..804ac6bb7e9 --- /dev/null +++ b/.changeset/sweet-gorillas-refuse.md @@ -0,0 +1,5 @@ +--- +"@astrojs/starlight": minor +--- + +Adds a print stylesheet to improve the appearance of Starlight docs pages when printed diff --git a/docs/src/components/sidebar-preview.astro b/docs/src/components/sidebar-preview.astro index b7761defa40..d983ad5d82e 100644 --- a/docs/src/components/sidebar-preview.astro +++ b/docs/src/components/sidebar-preview.astro @@ -54,6 +54,7 @@ function makeEntries(items: SidebarConfig): SidebarEntry[] { background-color: var(--sl-color-bg-sidebar); border: 1px solid var(--sl-color-gray-5); padding: 1rem var(--sl-sidebar-pad-x); - max-width: var(--sl-sidebar-width); + /* Matches `var(--sl-sidebar-width)`, but hardcoded to avoid being overridden when printing the page. */ + max-width: 18.75rem; } diff --git a/package.json b/package.json index de5f805f6b9..627a5464c73 100644 --- a/package.json +++ b/package.json @@ -38,7 +38,10 @@ }, { "name": "/_astro/*.css", - "path": "examples/basics/dist/_astro/*.css", + "path": [ + "examples/basics/dist/_astro/*.css", + "!examples/basics/dist/_astro/print.*.css" + ], "limit": "14.5 kB", "gzip": true } diff --git a/packages/starlight/components/EditLink.astro b/packages/starlight/components/EditLink.astro index 711d3999ba6..2e7542f8c5a 100644 --- a/packages/starlight/components/EditLink.astro +++ b/packages/starlight/components/EditLink.astro @@ -7,7 +7,7 @@ const { editUrl } = Astro.props; { editUrl && ( - + {Astro.locals.t('page.editLink')} diff --git a/packages/starlight/components/Header.astro b/packages/starlight/components/Header.astro index 47fb43fb16a..804b79806d2 100644 --- a/packages/starlight/components/Header.astro +++ b/packages/starlight/components/Header.astro @@ -19,10 +19,10 @@ const shouldRenderSearch =
-
+
{shouldRenderSearch && }
-
+
diff --git a/packages/starlight/components/MobileMenuToggle.astro b/packages/starlight/components/MobileMenuToggle.astro index 56d36e4b757..f66789f1d70 100644 --- a/packages/starlight/components/MobileMenuToggle.astro +++ b/packages/starlight/components/MobileMenuToggle.astro @@ -3,7 +3,7 @@ import type { Props } from '../props'; import Icon from '../user-components/Icon.astro'; --- - +