Add an offset of :target to reduce back-to-top overlap

NJITICC · Jan 30, 2024 · 57dc5f1 · 57dc5f1
1 parent 9450148
commit 57dc5f1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/furo/assets/scripts/furo.js b/src/furo/assets/scripts/furo.js
@@ -141,7 +141,7 @@ function setupScrollSpy() {
     navClass: "scroll-current",
     offset: () => {
       let rem = parseFloat(getComputedStyle(document.documentElement).fontSize);
-      return header.getBoundingClientRect().height + 0.5 * rem + 1;
+      return header.getBoundingClientRect().height + 2.5 * rem + 1;
     },
   });
 }

diff --git a/src/furo/assets/styles/_scaffold.sass b/src/furo/assets/styles/_scaffold.sass
@@ -406,7 +406,7 @@ article
 
   // Add a scroll margin for the content
   :target
-    scroll-margin-top: var(--header-height)
+    scroll-margin-top: calc(var(--header-height) + 2.5rem)
 
   // Show back-to-top below the header
   .back-to-top

diff --git a/src/furo/assets/styles/content/_target.sass b/src/furo/assets/styles/content/_target.sass
@@ -1,13 +1,13 @@
 :target
-  scroll-margin-top: 0.5rem
+  scroll-margin-top: 2.5rem
 
 @media (max-width: $full-width - $sidebar-width)
   :target
-    scroll-margin-top: calc(0.5rem + var(--header-height))
+    scroll-margin-top: calc(2.5rem + var(--header-height))
 
   // When a heading is selected
   section > span:target
-    scroll-margin-top: calc(0.8rem + var(--header-height))
+    scroll-margin-top: calc(2.8rem + var(--header-height))
 
 // Permalinks
 .headerlink