Make the whole left sidebar scrollable (#502)

pydata · Oct 17, 2021 · 8c998eb · 8c998eb
1 parent 540c9eb
commit 8c998eb
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 10 deletions.
diff --git a/...ndex.9639d9d9adffa9baf100883c376b3e71.css → ...ndex.2e9b0b61d9c41c3a5cf6c110371cbc34.css b/...ndex.9639d9d9adffa9baf100883c376b3e71.css → ...ndex.2e9b0b61d9c41c3a5cf6c110371cbc34.css
diff --git a/...e/static/js/index.e5c66028f5a0af3a71e2.js → ...e/static/js/index.a478f40f0f2517ee2092.js b/...e/static/js/index.e5c66028f5a0af3a71e2.js → ...e/static/js/index.a478f40f0f2517ee2092.js
diff --git a/pydata_sphinx_theme/static/webpack-macros.html b/pydata_sphinx_theme/static/webpack-macros.html
@@ -13,13 +13,13 @@
 
 {% macro head_pre_bootstrap() %}
   <link href="{{ pathto('_static/css/theme.css', 1) }}" rel="stylesheet">
-  <link href="{{ pathto('_static/css/index.9639d9d9adffa9baf100883c376b3e71.css', 1) }}" rel="stylesheet">
+  <link href="{{ pathto('_static/css/index.2e9b0b61d9c41c3a5cf6c110371cbc34.css', 1) }}" rel="stylesheet">
 {% endmacro %}
 
 {% macro head_js_preload() %}
-  <link rel="preload" as="script" href="{{ pathto('_static/js/index.e5c66028f5a0af3a71e2.js', 1) }}">
+  <link rel="preload" as="script" href="{{ pathto('_static/js/index.a478f40f0f2517ee2092.js', 1) }}">
 {% endmacro %}
 
 {% macro body_post() %}
-  <script src="{{ pathto('_static/js/index.e5c66028f5a0af3a71e2.js', 1) }}"></script>
+  <script src="{{ pathto('_static/js/index.a478f40f0f2517ee2092.js', 1) }}"></script>
 {% endmacro %}
diff --git a/src/scss/index.scss b/src/scss/index.scss
@@ -169,6 +169,7 @@ footer {
 
 .bd-sidebar {
   padding-top: 1em;
+  overflow-y: auto;
 
   @include media-breakpoint-up(md) {
     border-right: 1px solid rgba(0, 0, 0, 0.1);
@@ -196,10 +197,6 @@ footer {
   @include media-breakpoint-up(md) {
     display: block;
 
-    @supports (position: -webkit-sticky) or (position: sticky) {
-      max-height: calc(100vh - 11rem);
-      overflow-y: auto;
-    }
   }
 }
 
@@ -412,11 +409,11 @@ nav.bd-links {
 
     &.right-next {
       float: right;
-      
+
       div.prev-next-info {
         text-align: right;
       }
-    }    
+    }
   }
 }