fix(skipnav): hide skipnav completely before its tabbed

Baystef · Baystef · commit 9a76fe090c91 · 2024-09-27T09:50:04.000+01:00
diff --git a/src/components/SkipLink.tsx b/src/components/SkipLink.tsx
@@ -10,7 +10,7 @@ export const SkipLink = () => {
     <div className="bg-primary-low-contrast focus-within:p-4">
       <BaseLink
         href={"#" + MAIN_CONTENT_ID}
-        className="absolute -top-12 rounded border bg-primary px-4 py-2 leading-8 text-background no-underline hover:no-underline focus:static"
+        className="absolute -top-14 rounded border bg-primary px-4 py-2 leading-8 text-background no-underline hover:no-underline focus:static"
       >
         {t("skip-to-main-content")}
       </BaseLink>

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export const SkipLink = () => {`
`10`	`10`	`<div className="bg-primary-low-contrast focus-within:p-4">`
`11`	`11`	`<BaseLink`
`12`	`12`	`href={"#" + MAIN_CONTENT_ID}`
`13`		`- className="absolute -top-12 rounded border bg-primary px-4 py-2 leading-8 text-background no-underline hover:no-underline focus:static"`
	`13`	`+ className="absolute -top-14 rounded border bg-primary px-4 py-2 leading-8 text-background no-underline hover:no-underline focus:static"`
`14`	`14`	`>`
`15`	`15`	`{t("skip-to-main-content")}`
`16`	`16`	`</BaseLink>`