1 @import 'mediawiki.mixins';
2 @import 'mediawiki.ui/variables';
3 @import 'mw.rcfilters.variables';
5 .mw-rcfilters-ui-filterTagMultiselectWidget {
8 .oo-ui-tagMultiselectWidget-input input {
9 // Make sure this uses the interface direction, not the content direction
11 border-bottom-right-radius: 0;
15 &.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
16 border: 1px solid @colorGray10;
18 background-color: @colorGray15;
19 border-radius: 2px 2px 0 0;
25 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled &-animate.oo-ui-tagMultiselectWidget-handle {
26 .transition( background-color 500ms ease-out );
29 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled &-emphasize.oo-ui-tagMultiselectWidget-handle {
30 background-color: @background-color-primary;
34 .mw-rcfilters-ui-table {
49 width: ~'calc( 100% - 10em )';
51 text-overflow: ellipsis;
65 &-widget.oo-ui-widget {
66 border: 1px solid @colorGray10;
68 border-top-left-radius: 0;
69 border-top-right-radius: 0;
70 border-bottom-left-radius: 0;
75 .box-sizing( border-box );
77 .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
81 .oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement:first-child {
84 .oo-ui-labelElement-label {
100 div.oo-ui-tagMultiselectWidget-group {