aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorTom Christie2013-06-26 23:26:35 +0100
committerTom Christie2013-06-26 23:26:35 +0100
commit4d22a65e78432a2aa70ddc80395a014a7c9e299e (patch)
tree59c48522448f9a05d896d94e1bbaac3f14c06520
parentaf2fdc03a6f4cafe6e2f19b2adcf59c8918088f2 (diff)
downloaddjango-rest-framework-4d22a65e78432a2aa70ddc80395a014a7c9e299e.tar.bz2
Fix sidebar styling when browser window is too small
-rw-r--r--docs/css/default.css4
-rw-r--r--docs/template.html9
2 files changed, 13 insertions, 0 deletions
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>