min height control sidebar

This commit is contained in:
Kyle Spearrin 2017-06-05 23:38:31 -04:00
parent f07f58733c
commit 27d291b0e9
1 changed files with 8 additions and 2 deletions

View File

@ -5,6 +5,8 @@
@boxed-layout-bg-image-path: "../images/boxed-bg.png"; @boxed-layout-bg-image-path: "../images/boxed-bg.png";
@yellow: #bf7e16; @yellow: #bf7e16;
@footer-height: 51px; @footer-height: 51px;
@header-height: 50px;
@header-height-xs: 50px * 2;
body { body {
background-color: @gray; background-color: @gray;
@ -73,7 +75,7 @@ h1, h2, h3, h4, h5, h6,
} }
.control-sidebar { .control-sidebar {
height: ~"calc(100% - @{footer-height})"; min-height: ~"calc(100% - @{footer-height})";
position: absolute; position: absolute;
@media (max-width: @screen-sm) { @media (max-width: @screen-sm) {
@ -124,10 +126,14 @@ h1, h2, h3, h4, h5, h6,
} }
.control-sidebar-bg { .control-sidebar-bg {
height: 100%; min-height: 100%;
position: absolute; position: absolute;
} }
.layout-boxed .wrapper {
overflow: hidden;
}
.main-footer { .main-footer {
height: @footer-height; height: @footer-height;
} }