fix: snap location

appwrite · Sep 28, 2023 · a927ffb · a927ffb
1 parent 3bf15f3
commit a927ffb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/markdoc/nodes/Heading.svelte b/src/markdoc/nodes/Heading.svelte
@@ -5,6 +5,7 @@
 	export let level: number;
 	export let id: string | undefined = undefined;
 	export let step: number | undefined = undefined;
+	export let inReferences = false;
 
 	const tag = `h${level + 1}`;
 	const ctx = hasContext('headings') ? getContext<LayoutContext>('headings') : undefined;
@@ -53,7 +54,8 @@
 			this={tag}
 			{id}
 			bind:this={element}
-			class:aw-snap-location={id}
+			class:aw-snap-location={id && !inReferences}
+			class:aw-snap-location-references={id && inReferences}
 			class="{classList[level]} aw-u-color-text-primary"
 		>
 			<slot />

diff --git a/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte b/src/routes/docs/references/[version]/[platform]/[service]/+page.svelte
@@ -151,7 +151,7 @@
 				<section class="aw-article-content-grid-6-4">
 					<div class="aw-article-content-grid-6-4-column-1 u-flex-vertical u-gap-32">
 						<header class="aw-article-content-header">
-							<Heading id={method.id} level={2}>{method.title}</Heading>
+							<Heading id={method.id} level={2} inReferences>{method.title}</Heading>
 						</header>
 						<p class="aw-sub-body-400">
 							{@html parse(method.description)}

diff --git a/src/scss/6-elements/_snap-location.scss b/src/scss/6-elements/_snap-location.scss
@@ -5,4 +5,10 @@
 .#{$p}-snap-location {
   scroll-snap-align: start;
   scroll-margin-top: 7.5rem;
+}
+
+.#{$p}-snap-location-references {
+  scroll-snap-align: start;
+  scroll-margin-top: 7.5rem;
+  @media #{$break2open} { scroll-margin-top: 12.5rem; }
 }