fix: Offset headers when scrolling from TOC to account for fixed header

closes outline#1578
con2 · Oct 30, 2020 · 1059dec · 1059dec
1 parent 462da44
commit 1059dec
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/app/components/Editor.js b/app/components/Editor.js
@@ -101,6 +101,15 @@ const StyledEditor = styled(RichMarkdownEditor)`
     cursor: default;
   }
 
+  /* pseudo element allows us to add spacing for fixed header */
+  /* ref: https://stackoverflow.com/a/28824157 */
+  .heading-name::before {
+    content: "";
+    display: block;
+    height: 72px;
+    margin: -72px 0 0;
+  }
+
   p {
     a {
       color: ${(props) => props.theme.text};