1 @import 'mediawiki.mixins';
3 .mw-rcfilters-ui-filterTagMultiselectWidget {
6 .oo-ui-tagMultiselectWidget-input input {
7 // Make sure this uses the interface direction, not the content direction
9 border-bottom-right-radius: 0;
13 &.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
14 border: 1px solid #a2a9b1;
16 background-color: #f8f9fa;
17 border-radius: 2px 2px 0 0;
23 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled &-animate.oo-ui-tagMultiselectWidget-handle {
24 .transition( background-color 500ms ease-out );
27 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled &-emphasize.oo-ui-tagMultiselectWidget-handle {
28 background-color: #eaf3ff; // Accent90
32 .mw-rcfilters-ui-table {
43 color: #222; // Base10
47 width: ~'calc( 100% - 10em )';
49 text-overflow: ellipsis;
63 &-widget.oo-ui-widget {
64 border: 1px solid #a2a9b1;
66 border-top-left-radius: 0;
67 border-top-right-radius: 0;
68 border-bottom-left-radius: 0;
73 box-sizing: border-box;
75 .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
79 .oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement:first-child {
93 div.oo-ui-tagMultiselectWidget-group {