FIX: new CSS approach to navbar-covers-target-anchor problem (#318)

pydata · Feb 26, 2021 · 93b5115 · 93b5115
1 parent e807487
commit 93b5115
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 16 deletions.
diff --git a/...ndex.361b90cc13c3b373e3e2df043d87d1bd.css → ...ndex.0e366ba14472447708f75ccb7d8f24a3.css b/...ndex.361b90cc13c3b373e3e2df043d87d1bd.css → ...ndex.0e366ba14472447708f75ccb7d8f24a3.css
diff --git a/...e/static/js/index.4bc14ce28f4cf826ca84.js → ...e/static/js/index.9ab83e9ee01d4093105a.js b/...e/static/js/index.4bc14ce28f4cf826ca84.js → ...e/static/js/index.9ab83e9ee01d4093105a.js
diff --git a/pydata_sphinx_theme/static/webpack-macros.html b/pydata_sphinx_theme/static/webpack-macros.html
@@ -17,13 +17,13 @@
 
 {% macro head_pre_bootstrap() %}
   <link href="{{ pathto('_static/css/theme.css', 1) }}" rel="stylesheet" />
-  <link href="{{ pathto('_static/css/index.361b90cc13c3b373e3e2df043d87d1bd.css', 1) }}" rel="stylesheet" />
+  <link href="{{ pathto('_static/css/index.0e366ba14472447708f75ccb7d8f24a3.css', 1) }}" rel="stylesheet" />
 {% endmacro %}
 
 {% macro head_js_preload() %}
-  <link rel="preload" as="script" href="{{ pathto('_static/js/index.4bc14ce28f4cf826ca84.js', 1) }}">
+  <link rel="preload" as="script" href="{{ pathto('_static/js/index.9ab83e9ee01d4093105a.js', 1) }}">
 {% endmacro %}
 
 {% macro body_post() %}
-  <script src="{{ pathto('_static/js/index.4bc14ce28f4cf826ca84.js', 1) }}"></script>
+  <script src="{{ pathto('_static/js/index.9ab83e9ee01d4093105a.js', 1) }}"></script>
 {% endmacro %}
diff --git a/src/scss/_base.scss b/src/scss/_base.scss
@@ -1,5 +1,6 @@
 html {
   font-size: var(--font-size-base);
+  scroll-padding-top: calc(var(--header-height) + 12px);
 }
 
 body {
@@ -108,15 +109,3 @@ pre {
   border: 1px solid rgb(201, 201, 201);
   box-shadow: 1px 1px 1px #d8d8d8;
 }
-
-// offsetting html elements with anchor attached to adjust for fixed header
-:target {
-  &::before {
-    // offsetting html anchor titles to adjust for fixed header
-    display: block;
-    content: '';
-    height: var(--header-height);
-    margin: calc(-1 * var(--header-height)) 0 0;
-    background-color: white;
-  }
-}