From 216e481ed58c3612be52590727281ba82d1bc0b4 Mon Sep 17 00:00:00 2001
From: Artur Paikin <artur@arturpaikin.com>
Date: Mon, 4 May 2020 16:34:28 +0200
Subject: [PATCH] Fix ancor scroll overflow

Mentioned here https://github.com/transloadit/uppy/pull/2128#issue-387905559

https://mobile.twitter.com/hakimel/status/1257252729128435712 thanks @nqst ;)
---
 website/themes/uppy/source/css/_page.scss | 21 +++++----------------
 1 file changed, 5 insertions(+), 16 deletions(-)

diff --git a/website/themes/uppy/source/css/_page.scss b/website/themes/uppy/source/css/_page.scss
index 93e1931b4..06e4ff87e 100644
--- a/website/themes/uppy/source/css/_page.scss
+++ b/website/themes/uppy/source/css/_page.scss
@@ -207,9 +207,11 @@
     margin-left: 20px;
   }
 
-  // h2, h3 {
-  //   padding-top: 80px;
-  // }
+  // Fix ancor scroll overflow (i.e. /docs/uppy#upload) for headings
+  [id] {
+    scroll-margin-top: 6em;
+  }
+
 
   // for ancor links to work with fixed header
   h2:before, h3:before {
@@ -235,19 +237,6 @@
   > h2 {
     font-size: 1.3em;
     margin: 0.5em 0 .4em 0;
-    // padding-bottom: .2em;
-    // position: relative;
-    // border-bottom: 1px solid $color-border;
-
-    // &:before {
-    //   content: "#";
-    //   color: $color-primary;
-    //   position: absolute;
-    //   left: -0.7em;
-    //   top: -4px;
-    //   font-size: 1.2em;
-    //   font-weight: bold;
-    // }
   }
 
   .post h3,