Hide MTA navigation for printing

botder · botder · commit abd10503fa91 · 2025-02-04T22:24:12.000+01:00
diff --git a/packages/starlight-theme-mtasa/overrides/Header.astro b/packages/starlight-theme-mtasa/overrides/Header.astro
@@ -3,7 +3,7 @@ import type { Props } from '@astrojs/starlight/props';
 import Default from '@astrojs/starlight/components/Header.astro';
 ---
 
-<nav>
+<nav class="print:hidden">
     <a href="https://multitheftauto.com" rel="noopener">Home</a>
     <a class="keepMobile" href="https://discord.com/invite/mtasa" rel="noopener" target="_blank">Discord</a>
     <a href="https://community.multitheftauto.com" rel="noopener">Community</a>
diff --git a/packages/starlight-theme-mtasa/theme.css b/packages/starlight-theme-mtasa/theme.css
@@ -16,6 +16,13 @@
     }
 }
 
+/* Restore the original height for printing. */
+@media print {
+    :root {
+        --sl-nav-height: var(--sl-nav-height-original);
+    }
+}
+
 /* Add the MTA color strip to the header, 
    remove the padding so we can utilize the full width of the page,
    and include the height of the MTA navigation in the calculation of the header. */

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,13 @@`
`16`	`16`	`}`
`17`	`17`	`}`
`18`	`18`
	`19`	`+/* Restore the original height for printing. */`
	`20`	`+@media print {`
	`21`	`+ :root {`
	`22`	`+ --sl-nav-height: var(--sl-nav-height-original);`
	`23`	`+ }`
	`24`	`+}`
	`25`	`+`
`19`	`26`	`/* Add the MTA color strip to the header,`
`20`	`27`	`remove the padding so we can utilize the full width of the page,`
`21`	`28`	`and include the height of the MTA navigation in the calculation of the header. */`