StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 14:34:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(core): add animation to preferences menu

Browse source
This commit is contained in:
alistair3149 2022-05-01 22:36:14 -04:00
parent 41e0832904
commit e6a9bd38f1
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
1 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
resources/skins.citizen.preferences/skins.citizen.preferences.less
View file

@ -39,6 +39,16 @@
right: var( --padding-page );
left: var( --padding-page );
.citizen-card;
.citizen-card-hide( 100% 0 );
.citizen-card-transition();
&.citizen-pref-panel--active {
.citizen-card-show;
> * {
.citizen-card-content-show;
}
}
fieldset {
padding: 10px var( --padding-page );
@ -51,6 +61,10 @@
input {
width: 100%;
}
> * {
opacity: 0;
}
}
&-theme {
@ -110,19 +124,6 @@
}
.citizen-pref {
&-panel {
opacity: 0;
pointer-events: none;
transition: @transition-opacity;
visibility: hidden;
&--active {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
}
&-item {
display: flex;
flex-wrap: wrap;