wikimedia/mediawiki-extensions-Popups
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Popups synced 2024-11-14 19:25:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Use relative positioning with zero top,left,bottom,right properties in storybook"

Browse source
This commit is contained in:
jenkins-bot 2021-07-16 19:15:49 +00:00 committed by Gerrit Code Review
parent dbb58da86b 8aef7dca43
commit faee7993b4
1 changed files with 13 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
.storybook/mocks/custom.less
View file

@ -39,20 +39,18 @@ body {
.mwe-popups {
display: block;
// overrides the popups default "position:absolute" styling
// so they align naturally within the flexbox parent.
position: static;
}
/**
* This rule, combined with the rule above, allows the footer
* to be positioned correctly without the absolute positioning
* that is overridden above.
* NOTE: This causes a slight discrepancy in the positioning of
* of the settings cog in Storybook when compared to production.
* This issue only occurs with previews that have the pokey positioned
* at the bottom.
*/
.mwe-popups-container {
// so they align naturally within the flexbox parent. Use relative instead of
// static so that absolutely positioned children elements can still accurately
// position themselves.
position: relative;
// Override the top, left, bottom, right properties so that the absolute
// positioning doesn't take effect in storybook.
/* stylelint-disable-next-line declaration-no-important */
top: 0 !important;
/* stylelint-disable-next-line declaration-no-important */
right: 0 !important;
/* stylelint-disable-next-line declaration-no-important */
bottom: 0 !important;
/* stylelint-disable-next-line declaration-no-important */
left: 0 !important;
}