mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-16 18:58:45 +00:00
d926771bd8
Additional change: * The animation stylesheet pulled down for the storybook instance in dev-scripts/setup-storybook.sh is no longer referenced anywhere in assets so can be removed. Bug: T306486 Bug: T308351 Bug: T308360 Change-Id: Ia9f2a05cde2724486f7e449261c5d4875388f5ab
27 lines
1.1 KiB
Plaintext
27 lines
1.1 KiB
Plaintext
// A DropDownList is a ToggleList that extends downward.
|
|
|
|
.toggle-list__list--drop-down {
|
|
transform: translateY( -8px );
|
|
|
|
// When cursor is pointer and -webkit-tap-highlight-color is set, the color does not seem to
|
|
// transition. Clear it.
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
// Without the minerva-animations-ready class, DropDownList can appear and
|
|
// perform its exit animation when the page loads in chrome (and possibly
|
|
// others).
|
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=332189
|
|
.minerva-animations-ready {
|
|
.toggle-list__list--drop-down {
|
|
// Animate menu visibility, opacity, and translation changes in and out. Visibility duration
|
|
// cannot be animated initially as it causes a flash on page load in Chromium due to
|
|
// https://bugs.chromium.org/p/chromium/issues/detail?id=332189.
|
|
transition: opacity @transition-duration-base ease-in-out, -webkit-tap-highlight-color 0s ease-in-out, transform @transition-duration-base ease-in-out, visibility @transition-duration-base ease-in-out;
|
|
}
|
|
}
|
|
|
|
.toggle-list__checkbox:checked ~ .toggle-list__list--drop-down {
|
|
transform: translateY( 0 );
|
|
}
|