RCFilters UI: Style adjustments for the FilterCapsuleMultiselectWidget
[lhc/web/wiklou.git] / resources / src / mediawiki.rcfilters / styles / mw.rcfilters.ui.FilterWrapperWidget.less
1 .mw-rcfilters-ui-filterWrapperWidget {
2 width: 100%;
3 // Make sure this uses the interface direction, not the content direction
4 direction: ltr;
5
6 &-popup {
7 // We have to override OOUI's definition, which is set
8 // on the inline style of the popup
9 margin-top: 2em !important; /* stylelint-disable-line declaration-no-important */
10 max-width: 650px;
11
12 .oo-ui-popupWidget-body {
13 max-height: 70vh;
14 }
15
16 .oo-ui-popupWidget-footer {
17 background-color: #f8f9fa;
18 text-align: right;
19 padding: 0.5em;
20 }
21 }
22
23 &-search {
24 max-width: none;
25 margin-top: -1px;
26
27 input {
28 // We need to reiterate the directionality
29 // for the input as well to literally override
30 // a MediaWiki CSS rule that turns it 'ltr'
31 direction: ltr;
32 }
33 }
34 }