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

   1 .mw-rcfilters-ui-filterTagMultiselectWidget {
   2         max-width: none;
   3
   4         .oo-ui-tagMultiselectWidget-input input {
   5                 // Make sure this uses the interface direction, not the content direction
   6                 direction: ltr;
   7         }
   8
   9         &.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
  10                 border: 1px solid #a2a9b1;
  11                 border-bottom: 0;
  12                 background-color: #f8f9fa;
  13                 border-radius: 2px 2px 0 0;
  14                 padding: 0.6em;
  15                 margin-top: 1.6em;
  16         }
  17
  18         &-wrapper {
  19                 .mw-rcfilters-ui-table {
  20                         margin-top: 0.3em;
  21                 }
  22
  23                 &-content {
  24                         &-title {
  25                                 font-weight: bold;
  26                                 color: #54595d;
  27                         }
  28
  29                         &-savedQueryTitle {
  30                                 color: #72777d;
  31                                 margin-left: 1em;
  32                         }
  33                 }
  34         }
  35
  36         &-views {
  37                 &-input {
  38                         width: 100%;
  39                 }
  40
  41                 &-select {
  42                         width: 1em;
  43
  44                         &-widget.oo-ui-widget {
  45                                 display: block;
  46                                 text-align: right;
  47
  48                                 // Override OOUI rules
  49                                 &.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child a.oo-ui-buttonElement-button,
  50                                 .oo-ui-buttonOptionWidget a.oo-ui-buttonElement-button {
  51                                         border-radius: 0;
  52                                         border-left: 0;
  53                                 }
  54
  55                                 &.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child a.oo-ui-buttonElement-button {
  56                                         border-radius: 0;
  57                                 }
  58
  59                         }
  60                 }
  61         }
  62
  63         &-emptyFilters {
  64                 color: #72777d;
  65         }
  66
  67         &-cell-filters {
  68                 width: 100%;
  69
  70                 div.oo-ui-tagMultiselectWidget-group {
  71                         margin-top: 0.2em;
  72                         display: block;
  73                 }
  74         }
  75
  76         &-cell-reset {
  77                 text-align: right;
  78                 padding-left: 0.5em;
  79         }
  80 }