mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-24 06:24:22 +00:00
refactor(core): ♻️ various cleanup
This commit is contained in:
parent
f74e3d2f6a
commit
87a8bf256e
|
@ -204,12 +204,9 @@
|
|||
width: auto;
|
||||
height: auto;
|
||||
pointer-events: none;
|
||||
visibility: hidden;
|
||||
content: '';
|
||||
background-color: var( --background-color-overlay );
|
||||
opacity: 0;
|
||||
transition: var( --transition-menu );
|
||||
transition-property: opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -219,8 +216,9 @@
|
|||
|
||||
&::before {
|
||||
pointer-events: auto;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: var( --transition-menu );
|
||||
transition-property: opacity;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -228,19 +228,16 @@
|
|||
box-shadow: var( --box-shadow-dialog );
|
||||
|
||||
.citizen-scroll--down & {
|
||||
visibility: hidden;
|
||||
box-shadow: none;
|
||||
opacity: 0;
|
||||
transform: translateY( 250% );
|
||||
}
|
||||
|
||||
.citizen-scroll--up & {
|
||||
// Only apply transition on showing because of flickering issue
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: var( --transition-menu );
|
||||
transition-delay: 250ms;
|
||||
transition-property: opacity, visibility, transform;
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
|
||||
:not( .page-actions__card ) .mw-list-item {
|
||||
|
|
|
@ -33,7 +33,6 @@
|
|||
height: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition-property: opacity, height, padding;
|
||||
}
|
||||
|
@ -94,7 +93,6 @@
|
|||
height: 2rem; // 1rem text + 1rem padding
|
||||
padding-top: var( --space-xs );
|
||||
padding-bottom: var( --space-xs );
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -52,10 +52,3 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Checkbox hack
|
||||
#citizen-userMenu__checkbox:checked {
|
||||
~ .citizen-userMenu__card {
|
||||
.citizen-card-show();
|
||||
}
|
||||
}
|
||||
|
|
|
@ -199,8 +199,8 @@
|
|||
@border-radius--circle: 100%;
|
||||
|
||||
/* Transitions */
|
||||
@transition-hover: 150ms cubic-bezier( 0.215,0.61,0.355,1 );
|
||||
@transition-menu: 250ms ease;
|
||||
@transition-hover: 150ms cubic-bezier( 0.215, 0.61, 0.355, 1 );
|
||||
@transition-menu: 250ms cubic-bezier( 0.4, 0, 0.2, 1 );
|
||||
|
||||
/* Shadow */
|
||||
/* Box shadow */
|
||||
|
|
Loading…
Reference in a new issue