mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups
synced 2024-11-15 11:46:55 +00:00
140b1e5828
To avoid continuously updating this cog, use the icon pack directly. Use mw-ui-icon-small to control the size rather than custom CSS - this reduces the amount of CSS overrides that are needed. Also use `opacity` instead of icon SVG fill for coloring the icon. This enables simple transition in interaction states. Storybook: The settings cog will now be tied to the production icon. Note for now this will not appear at all, as this code must first have ridden the train. For local testing feel free to point to localhost to verify this change. Bug: T256504 Change-Id: I2a28666dbd644bb599146fabb84d148ff0167ed3
33 lines
664 B
Plaintext
33 lines
664 B
Plaintext
/**
|
|
* These are custom styles designed to supplement styles produced
|
|
* by ResourceLoad or MediaWiki-core.
|
|
**/
|
|
@import './mediawiki.ui/components/icons.less';
|
|
@import './production-icons.less';
|
|
|
|
html, body {
|
|
height: 100%;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
/**
|
|
* Stopping the fade animation to avoid the animation appearing
|
|
* whenever a user types into the "knob" fields and the popup rerenders.
|
|
* NOTE: To test the animation, remove these rules.
|
|
*/
|
|
.mwe-popups-fade-in-up {
|
|
-webkit-animation: none;
|
|
animation: none;
|
|
}
|
|
|
|
.mwe-popups-fade-in-down {
|
|
-webkit-animation: none;
|
|
animation: none;
|
|
}
|
|
|
|
/* show popups by default */
|
|
.mwe-popups {
|
|
display: block;
|
|
}
|
|
|