mirror of https://github.com/ColorlibHQ/AdminLTE
fixed control sidebar top/bottom with small navbar/footer & fixed back-to-top zindex
parent
5af52cf9df
commit
f51bce162f
|
@ -30,6 +30,21 @@ html.control-sidebar-animate {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body.text-sm {
|
||||||
|
.control-sidebar {
|
||||||
|
bottom: $main-footer-height-sm;
|
||||||
|
top: $main-header-height-sm;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-header.text-sm ~ .control-sidebar {
|
||||||
|
top: $main-header-height-sm;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-footer.text-sm ~ .control-sidebar {
|
||||||
|
bottom: $main-footer-height-sm;
|
||||||
|
}
|
||||||
|
|
||||||
.control-sidebar-push-slide {
|
.control-sidebar-push-slide {
|
||||||
.content-wrapper,
|
.content-wrapper,
|
||||||
.main-footer {
|
.main-footer {
|
||||||
|
|
|
@ -488,7 +488,7 @@ body,
|
||||||
|
|
||||||
.text-sm &,
|
.text-sm &,
|
||||||
&.text-sm {
|
&.text-sm {
|
||||||
padding: $main-footer-padding * .812;
|
padding: $main-footer-padding-sm;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -358,6 +358,7 @@
|
||||||
bottom: 1.25rem;
|
bottom: 1.25rem;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 1.25rem;
|
right: 1.25rem;
|
||||||
|
z-index: $zindex-control-sidebar + 1;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
|
|
@ -82,11 +82,14 @@ $main-header-light-placeholder-color: hsla(0, 0%, 0%, 0.6) !default;
|
||||||
// MAIN FOOTER
|
// MAIN FOOTER
|
||||||
// --------------------------------------------------------
|
// --------------------------------------------------------
|
||||||
$main-footer-padding: 1rem !default;
|
$main-footer-padding: 1rem !default;
|
||||||
|
$main-footer-padding-sm: $main-footer-padding * .812 !default;
|
||||||
$main-footer-border-top-width: 1px !default;
|
$main-footer-border-top-width: 1px !default;
|
||||||
$main-footer-border-top-color: $gray-300 !default;
|
$main-footer-border-top-color: $gray-300 !default;
|
||||||
$main-footer-border-top: $main-footer-border-top-width solid $main-footer-border-top-color !default;
|
$main-footer-border-top: $main-footer-border-top-width solid $main-footer-border-top-color !default;
|
||||||
$main-footer-height-inner: (($font-size-root * $line-height-base) + ($main-footer-padding * 2)) !default;
|
$main-footer-height-inner: (($font-size-root * $line-height-base) + ($main-footer-padding * 2)) !default;
|
||||||
$main-footer-height: calc(#{$main-footer-height-inner} + #{$main-footer-border-top-width}) !default;
|
$main-footer-height: calc(#{$main-footer-height-inner} + #{$main-footer-border-top-width}) !default;
|
||||||
|
$main-footer-height-sm-inner: (($font-size-sm * $line-height-base) + ($main-footer-padding-sm * 2)) !default;
|
||||||
|
$main-footer-height-sm: calc(#{$main-footer-height-sm-inner} + #{$main-footer-border-top-width}) !default;
|
||||||
$main-footer-bg: $white;
|
$main-footer-bg: $white;
|
||||||
|
|
||||||
// SIDEBAR SKINS
|
// SIDEBAR SKINS
|
||||||
|
|
Loading…
Reference in New Issue