account for banner height in docs sidebar (#678)

Rich-Harris · web-flow · commit 4c72b6cb501a · 2024-10-28T08:43:57.000-04:00
diff --git a/packages/site-kit/src/lib/docs/DocsContents.svelte b/packages/site-kit/src/lib/docs/DocsContents.svelte
@@ -63,7 +63,7 @@
 	}
 
 	.sidebar {
-		padding: 3.2rem;
+		padding: 3.2rem 3.2rem calc(3.2rem + var(--sk-banner-height)) 3.2rem;
 		font-family: var(--sk-font-family-body);
 		height: 100%;
 		bottom: auto;

Original file line number	Diff line number	Diff line change
`@@ -63,7 +63,7 @@`
`63`	`63`	`}`
`64`	`64`
`65`	`65`	`.sidebar {`
`66`		`- padding: 3.2rem;`
	`66`	`+ padding: 3.2rem 3.2rem calc(3.2rem + var(--sk-banner-height)) 3.2rem;`
`67`	`67`	`font-family: var(--sk-font-family-body);`
`68`	`68`	`height: 100%;`
`69`	`69`	`bottom: auto;`