style: 调整多级菜单active样式
This commit is contained in:
parent
d5853f1ca6
commit
290a41427c
|
@ -248,7 +248,7 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
|
|||
display: none;
|
||||
}
|
||||
|
||||
.sidebar .menu-open .nav-treeview {
|
||||
.sidebar .menu-open > .nav-treeview {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
@ -277,15 +277,22 @@ body, .form-control, .dropdown-menu, .btn:not(.btn-lg):not(.btn-xs), .input-grou
|
|||
margin-right: 0;
|
||||
}
|
||||
|
||||
.sidebar .nav-item .nav-link:hover, .sidebar .nav-item .nav-link:focus, .sidebar .nav-sidebar .nav-item .nav-link.active {
|
||||
background-color: #3a4756;
|
||||
.sidebar .nav-item .nav-link:hover, .sidebar .nav-item .nav-link:focus {
|
||||
background-color: rgba(255,255,255,.1);
|
||||
}
|
||||
|
||||
.sidebar .sub .nav-item .nav-link:hover, .sidebar .sub .nav-item .nav-link:focus, .sidebar .nav-sidebar .sub .nav-item .nav-link.active {
|
||||
background-color: inherit;
|
||||
color: #FF6C60;
|
||||
.sidebar .nav-sidebar .nav-item .nav-link.active {
|
||||
background-color: rgba(255,255,255,.1);
|
||||
}
|
||||
|
||||
.sidebar .sub .nav-item .nav-link.active {
|
||||
background-color: rgba(255,255,255,.2);
|
||||
}
|
||||
|
||||
.sidebar .sub .nav-item.has-treeview > .nav-link.active {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.sidebar .nav-item .fa-angle-left {
|
||||
transition: all .3s linear;
|
||||
transform-origin: center;
|
||||
|
|
Loading…
Reference in New Issue