min height control sidebar
This commit is contained in:
parent
f07f58733c
commit
27d291b0e9
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue