resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterWrapperWidget.less

   1 .mw-rcfilters-ui-filterWrapperWidget {
   2         width: 100%;
   3
   4         .oo-ui-capsuleMultiselectWidget {
   5                 max-width: none;
   6
   7                 &.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
   8                         // TODO: Unify colors with official design palette
   9                         background-color: #f8f9fa;
  10                         border: 1px solid #a2a9b1;
  11                         min-height: 5.5em;
  12                         padding: 0.75em;
  13
  14                 }
  15         }
  16
  17         &-popup {
  18                 // We have to override OOUI's definition, which is set
  19                 // on the inline style of the popup
  20                 margin-top: 2.4em !important;
  21                 max-width: 650px;
  22         }
  23
  24         &-search {
  25                 max-width: none;
  26                 margin-top: -0.5em;
  27
  28                 input {
  29                         // Make sure this uses the interface direction, not the content direction
  30                         direction: ltr;
  31                 }
  32         }
  33
  34         &-capsule-invalid-filter {
  35                 // TODO: Unify colors with official design palette
  36                 background: red;
  37         }
  38 }