Fix sidebar styling when browser window is too small

lovelydinosaur · lovelydinosaur · commit 4d22a65e7843 · 2013-06-26T23:26:35.000+01:00
diff --git a/docs/css/default.css b/docs/css/default.css
@@ -303,3 +303,7 @@ table {
   border-color: white;
   margin-bottom: 0.6em;
 }
+
+.side-nav {
+  overflow-y: scroll;
+}
diff --git a/docs/template.html b/docs/template.html
@@ -198,5 +198,14 @@ <h3 id="myModalLabel">Documentation search</h3>
       $('.dropdown-menu').on('click touchstart', function(event) {
         event.stopPropagation();
       });
+
+      // Dynamically force sidenav to no higher than browser window
+      $('.side-nav').css('max-height', window.innerHeight - 125);
+
+      $(function(){
+        $(window).resize(function(){
+          $('.side-nav').css('max-height', window.innerHeight - 125);
+        });
+      });
     </script>
 </body></html>
