1 @import 'mediawiki.mixins';
2 @import 'mediawiki.ui/variables';
4 .mw-rcfilters-ui-filterTagMultiselectWidget {
7 .oo-ui-tagMultiselectWidget-input input {
8 // Make sure this uses the interface direction, not the content direction
10 border-bottom-right-radius: 0;
14 &.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
15 border: 1px solid #a2a9b1;
17 background-color: #f8f9fa;
18 border-radius: 2px 2px 0 0;
24 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled &-animate.oo-ui-tagMultiselectWidget-handle {
25 .transition( background-color 500ms ease-out );
28 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled &-emphasize.oo-ui-tagMultiselectWidget-handle {
29 background-color: #eaf3ff; // Accent90
33 .mw-rcfilters-ui-table {
44 color: #222; // Base10
48 width: ~'calc( 100% - 10em )';
50 text-overflow: ellipsis;
64 &-widget.oo-ui-widget {
65 border: 1px solid #a2a9b1;
67 border-top-left-radius: 0;
68 border-top-right-radius: 0;
69 border-bottom-left-radius: 0;
74 box-sizing: border-box;
76 .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
80 .oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement:first-child {
83 .oo-ui-labelElement-label {
99 div.oo-ui-tagMultiselectWidget-group {