Fix sidebar styling when browser window is too small

1 files changed, 9 insertions, 0 deletions

diff --git a/docs/template.html b/docs/template.html
index 53656e7d..14ecc9c7 100644
--- a/docs/template.html
+++ b/docs/template.html
@@ -198,5 +198,14 @@
       $('.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>