.mw-rcfilters-ui-filterCapsuleMultiselectWidget {
+ max-width: none;
+
+ &.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
+ background-color: #f8f9fa;
+ border: 1px solid #a2a9b1;
+ min-height: 5.5em;
+ padding: 0.75em;
+
+ }
+
&-content-title {
font-weight: bold;
color: #54595d;
+@import "mediawiki.mixins";
+
.mw-rcfilters-ui-filterGroupWidget {
padding-bottom: 0.5em;
background: #eaecf0;
padding: 0.5em 0.75em;
color: #555a5d;
+ .box-sizing( border-box );
}
&-active {
font-weight: bold;
}
}
-
- &-invalid-notice {
- padding: 0.5em;
- font-style: italic;
- display: none;
-
- .mw-rcfilters-ui-filterGroupWidget-invalid & {
- display: block;
- }
- }
}
+@import "mediawiki.mixins";
+
.mw-rcfilters-ui-filterItemWidget {
padding-left: 0.5em;
+ .box-sizing( border-box );
&-label {
&-title {
}
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
- margin-bottom: 0 !important;
+ // Override margin-top and -bottom rules from FieldLayout
+ margin: 0 !important;
}
&-inactive {
.mw-rcfilters-ui-filterWrapperWidget {
width: 100%;
- .oo-ui-capsuleMultiselectWidget {
- max-width: none;
-
- &.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
- // TODO: Unify colors with official design palette
- background-color: #f8f9fa;
- border: 1px solid #a2a9b1;
- min-height: 5.5em;
- padding: 0.75em;
-
- }
- }
-
&-popup {
// We have to override OOUI's definition, which is set
// on the inline style of the popup
direction: ltr;
}
}
-
- &-capsule-invalid-filter {
- // TODO: Unify colors with official design palette
- background: red;
- }
}