Make the sidebar scrollable above 768px (#305)

Co-authored-by: Josep Martins <josepmartins@github.com>
github · Feb 13, 2023 · cd2c17e · cd2c17e
1 parent 74925e6
commit cd2c17e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/docs/_includes/sidebar.html b/docs/_includes/sidebar.html
@@ -1,6 +1,6 @@
-<aside class="sidebar position-md-sticky px-4 col-lg-3 py-4 py-md-1 mb-4 mb-md-0 pb-1 bg-gray">
+<aside class="sidebar position-md-sticky overflow-y-auto px-4 col-lg-3 py-4 py-md-1 mb-4 mb-md-0 pb-1 bg-gray">
   <label class="d-flex mr-4 flex-items-center">
-    <span class="mr-4">Version</span> 
+    <span class="mr-4">Version</span>
     <select class="flex-1" onchange="window.location.href = this.value">
       <option value="{{ site.baseurl }}/guide/introduction" {% if page.version == 1 %} selected{% endif %}>v1.x.x</option>
       <option value="{{ site.baseurl }}/guide-v2/introduction" {% if page.version == 2 %} selected{% endif %}>v2.x.x</option>

diff --git a/docs/custom.css b/docs/custom.css
@@ -84,7 +84,7 @@ a {
   min-width: var(--logo-width);
 }
 
-@media only screen and (max-device-width : 768px) {
+@media only screen and (max-width : 768px) {
   .main-header {
     height: auto;
     background: none;