The class .oo-ui-defaultOverlay is used by OOUI, and all the skins
already define reasonable font-size and z-index for it, so we can
remove that here.
Keep the existing class .mw-rcfilters-ui-overlay because apparently
`right: 0; left: 0;` is required (that's weird…) and because Minerva
also wants to override it (I221f6c2d637c7d2a843bfc4a2f7cd9877e2a5b12).
Depends-On: I221f6c2d637c7d2a843bfc4a2f7cd9877e2a5b12
Change-Id: I672fdcebbdc586765de2c10f9a9a21796db57cc5
'styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less'
],
'skinStyles' => [
- 'vector' => [
- 'styles/mw.rcfilters.ui.Overlay.vector.less',
- ],
'monobook' => [
- 'styles/mw.rcfilters.ui.Overlay.monobook.less',
'styles/mw.rcfilters.ui.CapsuleItemWidget.monobook.less',
'styles/mw.rcfilters.ui.FilterMenuOptionWidget.monobook.less',
],
.mw-rcfilters-ui-overlay {
- font-size: 0.875em;
position: absolute;
top: 0;
right: 0;
left: 0;
- z-index: 1;
}
+++ /dev/null
-.mw-rcfilters-ui-overlay {
- font-size: 1.28em; /* 0.8em / x-small */
-}
+++ /dev/null
-// Fix z-index for the overlay in Vector, see T183442
-.mw-rcfilters-ui-overlay {
- z-index: 101;
-}
this.$filtersContainer = config.$filtersContainer;
this.$changesListContainer = config.$changesListContainer;
this.$formContainer = config.$formContainer;
- this.$overlay = $( '<div>' ).addClass( 'mw-rcfilters-ui-overlay' );
+ this.$overlay = $( '<div>' ).addClass( 'mw-rcfilters-ui-overlay oo-ui-defaultOverlay' );
this.$wrapper = config.$wrapper || this.$element;
this.savedLinksListWidget = new SavedLinksListWidget(