mirror of https://github.com/ColorlibHQ/AdminLTE
fix nav-link fadeIn (#2776)
parent
e848621b32
commit
2eec6fe614
|
@ -38,6 +38,7 @@ const Selector = {
|
|||
const ClassName = {
|
||||
COLLAPSED: 'sidebar-collapse',
|
||||
OPEN: 'sidebar-open',
|
||||
IS_OPENING: 'sidebar-is-opening',
|
||||
CLOSED: 'sidebar-closed'
|
||||
}
|
||||
|
||||
|
@ -67,7 +68,7 @@ class PushMenu {
|
|||
}
|
||||
}
|
||||
|
||||
$(Selector.BODY).removeClass(ClassName.COLLAPSED).removeClass(ClassName.CLOSED)
|
||||
$(Selector.BODY).addClass(ClassName.IS_OPENING).removeClass(`${ClassName.COLLAPSED} ${ClassName.CLOSED}`)
|
||||
|
||||
if (this._options.enableRemember) {
|
||||
localStorage.setItem(`remember${EVENT_KEY}`, ClassName.OPEN)
|
||||
|
@ -83,7 +84,7 @@ class PushMenu {
|
|||
}
|
||||
}
|
||||
|
||||
$(Selector.BODY).addClass(ClassName.COLLAPSED)
|
||||
$(Selector.BODY).removeClass(ClassName.IS_OPENING).addClass(ClassName.COLLAPSED)
|
||||
|
||||
if (this._options.enableRemember) {
|
||||
localStorage.setItem(`remember${EVENT_KEY}`, ClassName.COLLAPSED)
|
||||
|
|
|
@ -185,10 +185,15 @@
|
|||
|
||||
.nav-link p {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-is-opening .nav-sidebar {
|
||||
.nav-link p {
|
||||
animation-name: fadeIn;
|
||||
animation-duration: $transition-speed;
|
||||
animation-fill-mode: both;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue