Fix sidebar styling when browser window is too small

This commit is contained in:
Tom Christie 2013-06-26 23:26:35 +01:00
parent af2fdc03a6
commit 4d22a65e78
2 changed files with 13 additions and 0 deletions

View File

@ -303,3 +303,7 @@ table {
border-color: white;
margin-bottom: 0.6em;
}
.side-nav {
overflow-y: scroll;
}

View File

@ -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>