fix nav-link fadeIn (#2776)

This commit is contained in:
REJack 2020-06-02 15:26:19 +02:00 committed by GitHub
parent e848621b32
commit 2eec6fe614
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 3 deletions

View file

@ -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)

View file

@ -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;
}
}