From 4d22a65e78432a2aa70ddc80395a014a7c9e299e Mon Sep 17 00:00:00 2001
From: Tom Christie
Date: Wed, 26 Jun 2013 23:26:35 +0100
Subject: Fix sidebar styling when browser window is too small

---
 docs/css/default.css | 4 ++++
 docs/template.html   | 9 +++++++++
 2 files changed, 13 insertions(+)

(limited to 'docs')

diff --git a/docs/css/default.css b/docs/css/default.css
index a4f05daa..af6a9cc0 100644
--- 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
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>
-- 
cgit v1.2.3