github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

fix nav-link fadeIn (#2776)

pull/2780/head
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
build/js/PushMenu.js
View File

@ -38,6 +38,7 @@ const Selector = {
const ClassName = { const ClassName = {
COLLAPSED: 'sidebar-collapse', COLLAPSED: 'sidebar-collapse',
OPEN: 'sidebar-open', OPEN: 'sidebar-open',
IS_OPENING: 'sidebar-is-opening',
CLOSED: 'sidebar-closed' 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) { if (this._options.enableRemember) {
localStorage.setItem(`remember${EVENT_KEY}`, ClassName.OPEN) 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) { if (this._options.enableRemember) {
localStorage.setItem(`remember${EVENT_KEY}`, ClassName.COLLAPSED) localStorage.setItem(`remember${EVENT_KEY}`, ClassName.COLLAPSED)

7
build/scss/_main-sidebar.scss
View File

@ -185,10 +185,15 @@
.nav-link p { .nav-link p {
display: inline-block; display: inline-block;
margin: 0;
}
}
.sidebar-is-opening .nav-sidebar {
.nav-link p {
animation-name: fadeIn; animation-name: fadeIn;
animation-duration: $transition-speed; animation-duration: $transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
margin: 0;
} }
} }