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