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

fix: fadeIn timing on page load & open/close

pull/5153/head
REJack 2023-06-03 02:25:06 +02:00
parent 35d0e26263
commit ceeb9b7ab1
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/scss/_app-sidebar.scss
View File

@ -198,10 +198,6 @@
.nav-link > p > .nav-badge { .nav-link > p > .nav-badge {
position: absolute; position: absolute;
right: 1rem; right: 1rem;
animation-name: fadeIn;
animation-duration: $lte-transition-speed;
animation-fill-mode: both;
animation-delay: $lte-transition-speed;
} }
.nav-link > .nav-arrow, .nav-link > .nav-arrow,
@ -209,10 +205,6 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 1rem; right: 1rem;
animation-name: fadeIn;
animation-duration: $lte-transition-speed;
animation-fill-mode: both;
animation-delay: $lte-transition-speed;
} }
.nav-link { .nav-link {
@ -323,7 +315,6 @@
animation-name: fadeOut; animation-name: fadeOut;
animation-duration: $lte-transition-speed; animation-duration: $lte-transition-speed;
animation-fill-mode: both; animation-fill-mode: both;
animation-delay: $lte-transition-speed;
} }
} }
@ -448,6 +439,22 @@
max-height: 100vh; max-height: 100vh;
} }
} }
&.sidebar-open {
.nav-link > .nav-badge,
.nav-link > p > .nav-badge {
animation-name: fadeIn;
animation-duration: $lte-transition-speed;
animation-fill-mode: both;
animation-delay: $lte-transition-speed;
}
.nav-link > .nav-arrow,
.nav-link > p > .nav-arrow {
animation-name: fadeIn;
animation-duration: $lte-transition-speed;
animation-fill-mode: both;
animation-delay: $lte-transition-speed;
}
}
} }
@include media-breakpoint-down($next) { @include media-breakpoint-down($next) {
@ -517,7 +524,9 @@ body:not(.app-loaded) {
.app-header, .app-header,
.app-sidebar, .app-sidebar,
.app-main, .app-main,
.app-footer { .app-footer,
.nav-arrow,
.nav-badge {
@include transition(none !important); @include transition(none !important);
animation-duration: 0s !important; animation-duration: 0s !important;
} }