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