225 lines
3.7 KiB
Text
225 lines
3.7 KiB
Text
.menu_min() {
|
|
&.sidebar {
|
|
width:@sidebar-min-width;
|
|
&:before {
|
|
width:@sidebar-min-width;
|
|
}
|
|
+ .main-content {
|
|
margin-left:(@sidebar-min-width);
|
|
.breadcrumbs.fixed , .breadcrumbs.breadcrumbs-fixed { left:(@sidebar-min-width); }
|
|
}
|
|
}
|
|
|
|
.nav-list a {
|
|
.badge , .label {
|
|
position:relative;
|
|
top:-1px;
|
|
right:auto;
|
|
left:4px;
|
|
}
|
|
}
|
|
|
|
.nav-list .submenu .submenu a {
|
|
.badge , .label {
|
|
top:0;
|
|
}
|
|
}
|
|
|
|
|
|
.nav-list > li {
|
|
> a {
|
|
position:relative;
|
|
> .menu-text {
|
|
display:none;
|
|
|
|
position:absolute;
|
|
left:(@sidebar-min-width - 1);
|
|
top:-2px;
|
|
width:(@sidebar-width - 16);
|
|
height:40px;
|
|
|
|
line-height:38px;
|
|
background-color:@menumin-bg;
|
|
z-index:121;
|
|
|
|
.box-shadow(@menumin-shadow);
|
|
border:1px solid @menumin-border;
|
|
|
|
padding-left:12px;
|
|
}
|
|
&.dropdown-toggle > .menu-text {
|
|
.box-shadow(none);
|
|
border:none;
|
|
top:-1px; left:@sidebar-min-width;
|
|
width:(@sidebar-width - 16);
|
|
border-bottom:1px solid @menumin-text-border;
|
|
}
|
|
.arrow {
|
|
display:none;
|
|
}
|
|
|
|
&:hover:before {/* the right side border on hover */
|
|
width:2px;
|
|
}
|
|
}
|
|
|
|
&:hover > a {
|
|
color:@menu-focus-color;
|
|
> .menu-text {
|
|
display:block;
|
|
}
|
|
}
|
|
&.active > a > .menu-text {
|
|
border-left-color:@menu-focus-color;
|
|
}
|
|
&.open > a {
|
|
background-color:@menu-open-bg;
|
|
color:@menu-color;
|
|
}
|
|
&.open.active > a {
|
|
background-color:@menu-active-bg;
|
|
}
|
|
&.open:hover > a {
|
|
color:@menu-focus-color;
|
|
}
|
|
&.active > a {
|
|
color:@menu-active-color;
|
|
}
|
|
|
|
&.active > a:after { /* the caret */
|
|
border-width:10px 6px;
|
|
top:8px;
|
|
}
|
|
&.active.open > a:after {
|
|
display:block;
|
|
}
|
|
&.active.open li.active > a:after {
|
|
display:none;
|
|
}
|
|
|
|
|
|
|
|
> .submenu {
|
|
background:@submenu-bg;
|
|
position:absolute; z-index:120;
|
|
left:(@sidebar-min-width - 1); top:-2px;
|
|
|
|
width:(@sidebar-width - 14);
|
|
border:1px solid @menumin-border;
|
|
|
|
.box-shadow(@menumin-shadow);
|
|
|
|
padding-top:40px;
|
|
padding-bottom:2px;
|
|
|
|
display:none !important;
|
|
|
|
&:before {
|
|
/* hide the tree like submenu in minimized mode */
|
|
display:none;
|
|
}
|
|
|
|
li {
|
|
&:before {
|
|
display:none;
|
|
}
|
|
|
|
> a {
|
|
//border-left:none;
|
|
margin-left:0;
|
|
padding-left:24px;
|
|
> [class*="icon-"]:first-child {
|
|
left:4px;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&:hover > .submenu {
|
|
display:block !important;
|
|
}
|
|
&.active > .submenu {
|
|
border-left-color:@menu-active-color;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//sidebar shortcuts
|
|
.sidebar-shortcuts {
|
|
position:relative;
|
|
}
|
|
.sidebar-shortcuts-mini {
|
|
display:block;
|
|
}
|
|
|
|
.sidebar-shortcuts-large {
|
|
display:none;
|
|
position:absolute;
|
|
z-index:20;
|
|
top:-1px;
|
|
left:@sidebar-min-width - 1;
|
|
|
|
width:(@sidebar-width - 8);
|
|
|
|
padding:0 2px 1px;
|
|
|
|
background-color:@submenu-bg;
|
|
.box-shadow(@menumin-shadow);
|
|
border:1px solid @menumin-border;
|
|
}
|
|
.sidebar-shortcuts:hover .sidebar-shortcuts-large{
|
|
display:block;
|
|
}
|
|
|
|
.sidebar-collapse { /* minimized collapse button */
|
|
&:before {
|
|
left:5px; right:5px;
|
|
}
|
|
> [class*="icon-"] {
|
|
font-size:13px;
|
|
padding:0 4px;
|
|
line-height:15px;
|
|
|
|
border-width:1px;
|
|
border-color:darken(@menumin-icon-border, 5%);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
.nav-list > li > .submenu {
|
|
li > .submenu > li {
|
|
> a {/*3rd level*/
|
|
margin-left:0px;
|
|
padding-left:30px;
|
|
}
|
|
> .submenu > li > a {/*4th level*/
|
|
margin-left:0px;
|
|
padding-left:45px;
|
|
}
|
|
}
|
|
|
|
li.active > a:after {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
|
|
.nav-list li.active.open > .submenu > li.active > a:after {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
.menu-min {
|
|
.menu_min();
|
|
}
|