StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-12-01 01:16:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
resources/mixins.less
View file

@ -31,6 +31,13 @@
transition-delay: 0ms; 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 // Transition animation
.citizen-card-transition() { .citizen-card-transition() {
transition: @transition-transform, @transition-opacity--transform, @transition-visibility--transform; transition: @transition-transform, @transition-opacity--transform, @transition-visibility--transform;

5
resources/skins.citizen.search/skins.citizen.search.less
View file

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

5
resources/skins.citizen.styles/Drawer.less
View file

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