//sidebar is automatically minimized in smaller views
|
|
.enable_minimized_responsive_menu() when(@enable-minimized-responsive-menu = true) {
|
|
.sidebar-toggle.sidebar-expand {
|
display: none;
|
}
|
@media (max-width: @grid-float-breakpoint-max) {
|
.menu-toggler.invisible {
|
position: fixed;
|
z-index: -999;
|
visibility: hidden;
|
opacity: 0;
|
width: 1px;
|
height: 1px;
|
}
|
|
.sidebar.responsive-min {
|
.menu_min();
|
|
&:before {
|
display: block;
|
}
|
.sidebar-toggle.sidebar-collapse {
|
display: none;
|
}
|
.sidebar-toggle.sidebar-expand {
|
display: block;
|
}
|
|
+ .main-content {
|
margin-left: @sidebar-min-width !important;
|
.rtl & {
|
margin-left: auto !important;
|
margin-right: @sidebar-min-width !important;
|
}
|
.breadcrumb {
|
margin-left: @breadcrumb-margin-left;
|
}
|
}
|
}
|
|
.sidebar.responsive-max {
|
display: block;
|
position: relative;
|
left: @sidebar-width;
|
margin-left: -(@sidebar-width);
|
|
z-index: @zindex-sidebar-fixed;
|
|
.box-shadow(~"2px 1px 2px 0 rgba(0,0,0,0.15)");
|
|
&:before {
|
display: none;
|
}
|
|
.sidebar-toggle {
|
&.sidebar-collapse {
|
display: none;
|
}
|
&.sidebar-expand {
|
display: block;
|
z-index: 1;//to go above ul:before, etc when scrolled
|
}
|
}
|
|
+ .main-content {
|
margin-left: (@sidebar-min-width) !important;
|
.breadcrumb {
|
margin-left: @breadcrumb-margin-left;
|
}
|
}
|
}
|
|
}
|
|
|
}
|
.enable_minimized_responsive_menu();
|
