refactor(core): merge menu content show transition into mixin

This commit is contained in:
alistair3149 2022-05-01 22:11:31 -04:00
parent e2a6a0355c
commit 2c9a5f45ec
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
3 changed files with 9 additions and 8 deletions

View file

@ -31,6 +31,13 @@
transition-delay: 0ms;
}
// Fade content when users open the menu
// But GTFO instantly when they close the menu
.citizen-card-content-show() {
opacity: 1;
transition: @transition-opacity--transform;
}
// Transition animation
.citizen-card-transition() {
transition: @transition-transform, @transition-opacity--transform, @transition-visibility--transform;

View file

@ -110,10 +110,7 @@
.citizen-card-show();
.citizen-typeahead-suggestion {
opacity: 1;
// Fade content when users open the menu
// And GTFO instantly when they close the menu
transition: @transition-opacity--transform;
.citizen-card-content-show;
}
}

View file

@ -47,10 +47,7 @@
#mw-drawer {
&-header,
&-menu {
opacity: 1;
// Fade content when users open the menu
// And GTFO instantly when they close the menu
transition: @transition-opacity--transform;
.citizen-card-content-show;
}
}
}