position: fixed;
z-index: 1000;
top: 0;
- display: block;
+ opacity: 1;
+ visibility: visible;
width: 100%;
height: 100%;
pointer-events: none;
background-color: rgb(240, 240, 240);
+ transition: visibility 400ms, opacity 400ms;
}
.main > .loading > span {
height: calc(100% - 4rem);
background-color: #fff;
background-color: var(--menu-bg-color);
+ transition: visibility 400ms, width 400ms;
}
.main-right {
display: none;
}
+.main > .main-left > .nav > .slide.active > ul {
+ display: block;
+}
+
.main > .main-left > .nav > .slide > .menu,
.main > .main-left > .nav > li > [data-title="Logout"] {
font-size: 1.15rem;
background: none;
}
-.main > .main-left > .nav > .slide > .slide-menu > li {
- padding: .4rem 2rem;
-}
-
.main > .main-left > .nav > .slide > .slide-menu > .active {
background-color: #09c;
background-color: var(--submenu-bg-hover-active);
.main > .main-left > .nav > .slide > .slide-menu > li > a {
white-space: nowrap;
text-decoration: none;
+ padding: .4rem 2rem;
}
.main > .main-left > .nav > .slide > .slide-menu > .active > a {
.darkMask {
position: fixed;
z-index: 99;
- display: none;
width: 100%;
height: 100%;
content: "";
background-color: rgba(0, 0, 0, .56);
+ transition: opacity 400ms, visibility 400ms;
+ visibility: hidden;
+ opacity: 0;
}
/* diagnostics */
.main-left {
position: fixed;
z-index: 100;
- width: 0;
+ visibility: hidden;
}
.main-right {