天津投入产出系统后端
 
 
 
 
 
 

218 lines
4.2 KiB

.enable_collapsible_responsive_menu() when(@enable-collapsible-responsive-menu = true) {
//2nd style responsive menu (the collapsible menu)
.sidebar.navbar-collapse {
width: @sidebar-width;//for IE8 only
max-height: none;
}
@media only screen and (max-width: @grid-float-breakpoint-max) {
.sidebar.navbar-collapse {
position: relative;
float: none !important;//to override .rtl's
margin-top: auto;
z-index: 1;//for box-shadow to be visible
width: 100% !important;
max-height: @pre-scrollable-max-height;
margin-left: 0;
margin-right: 0;
&:before {
display: none;
}
.nav-list > li:last-child {
border-bottom-width: 0;
}
.nav-list > li > a {
padding-top: 10px !important;//to override .compact, etc
padding-bottom: 10px !important;
line-height: 20px !important;
height: @nav-item-height + 2 !important;
}
.nav-list > li:before {
height: @nav-item-height + 4 !important;
}
.nav-list > li.active:after {
display: none;
}
//-li > .arrow
li > .arrow {
display: none !important;
}
.nav-list li > .submenu {
border-left-width: 0 !important;
}
.sidebar-toggle {
display: none !important;
}
.sidebar-shortcuts {
padding: 3px 0 6px !important;
max-height: none !important;
border-bottom-width: 0;
}
+ .main-content {
margin-left: 0 !important;
.breadcrumb {
margin-left: @breadcrumb-margin-left;
}
}
//first sidebar scroll style
.nav-wrap + .ace-scroll {
display: none;
}
&.menu-min {
.nav-list > li > .submenu {
position: relative;
left: auto;
top: auto;
width: auto;
z-index: auto;
margin-top: auto !important;
padding-top: 0;
padding-bottom: 0;
border-width: 1px 0 0 0;
.box-shadow(none) !important;//to override .rtl's
&:before {
display: block;
}
> li:before {
display: block;
}
li > a {
padding-left: 37px !important;
> .menu-icon {
left: 10px;
}
}
//hide the extra pixel
&:after {
display: none;
}
}
.nav-list > li > a:hover:before {// the left side border on hover
width:3px;
}
.nav-list > li > a {
text-align: left;
padding-left: 7px;
}
.nav-list > li > a > .menu-icon {
display: inline-block;
width: auto;
margin-right: 2px;
}
.nav-list > li > a > .menu-text {
position: relative;
display: inline !important;
line-height: normal;
padding-left: 0;
height: auto;
top: auto;
left: auto;
z-index: auto;
width: auto;
border-width: 0 !important;
background-color: transparent !important;
.box-shadow(none) !important;
}
.nav-list a > .arrow {
display: block;
}
.nav-list > li:hover > .submenu {
display: none !important;
}
.nav-list > li.active > .submenu {
display: block !important;
}
.nav-list > li > .submenu.nav-show {
display: block !important;
}
.nav-list > li > .submenu.nav-hide {
display: none !important;
}
.sidebar-shortcuts-large {
display: block;
position: static;
.box-shadow(none) !important;//to override .rtl's;
border-width: 0;
background-color: transparent;
width: auto;
padding: 0 !important;//override that of .menu-min
}
.sidebar-shortcuts-mini {
display: none;
}
}//menu-min
.nav-list > li > .submenu li.hover > .submenu > li > a,
.nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
margin-left: 20px !important;
}
.nav-list a {
.badge , .label {
position: relative;
top: -1px;
right: auto;
left: 4px;
}
}
.nav-list > li.active:after,
.nav-list li.active > a:before,
.nav-list li.active > a:after {
display: none !important;
}
//.highlight
.nav-list > li.highlight.active > a {
&:before, &:after {
display: none !important;
}
}
}
}
//if .sidebar is .navbar-collapse, and .navbar is fixed, make .sidebar fixed as well
@media (max-width: @grid-float-breakpoint-max) {
.navbar-fixed-top + .main-container .sidebar.navbar-collapse {
position: fixed;
z-index: @zindex-sidebar-fixed;
}
}
@media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
.navbar-fixed-top + .main-container.container .sidebar.navbar-collapse {
width: @container-sm !important;
}
}
}
.enable_collapsible_responsive_menu();