mediawiki-skins-Citizen/resources/skins.citizen.styles/common/hacks.less
alistair3149 47069b613c
feat(skinStyles): do not lazyload OOUI font size with skinStyles
Changing the OOUI font size in skinStyles would cause a significant layout shift
because the styles are lazyloaded. OOUI is designed around a based font size of 14px
in mind, so we should obey that. Hopefully WMF will revisit OOUI during T254055, then
this hack can be removed.
2022-06-02 12:13:48 -04:00

43 lines
732 B
Plaintext

// Hide RSS icon
a.feedlink {
background: none !important;
}
// CSS checkbox hack
// TODO: See what MW core offer and maybe we can take it off
.mw-checkbox-hack {
&-checkbox {
display: none;
}
&-button {
cursor: pointer;
> span {
.mixin-screen-reader-text;
}
}
}
.screen-reader-text {
.mixin-screen-reader-text;
}
.mw-empty-elt {
display: none;
}
/**
* OOUI has some layout issues when the font size is not
* same as what is being used in Vector. This is a dirty
* hack to ensure that the UI is displayed correctly.
*
* This is put here because the OOUI skinstyle is lazyloaded,
* causing significant layout shift
*
* Revisit this when T254055 is resolved
*/
.oo-ui-widget {
font-size: 0.875rem;
}