Make the sidebar scrollable above 768px (#305)

Co-authored-by: Josep Martins <[email protected]>

Author: rik

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>

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;