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

   1 @import 'mediawiki.mixins';
   2
   3 .mw-rcfilters-ui-itemMenuOptionWidget {
   4         min-height: 3.5em;
   5         padding: 0 0.5em;
   6         .box-sizing( border-box );
   7
   8         &:not( :last-child ) {
   9                 border-bottom: 1px solid #eaecf0; // Base80 AAA
  10         }
  11
  12         &-view-namespaces {
  13                 border-top: 5px solid #c8ccd1;
  14
  15                 &:first-child,
  16                 &.mw-rcfilters-ui-itemMenuOptionWidget-identifier-subject + &.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk {
  17                         border-top: 0;
  18                 }
  19         }
  20
  21         &:hover {
  22                 background-color: #f8f9fa;
  23         }
  24
  25         .mw-rcfilters-ui-table {
  26                 padding-top: 0.5em;
  27         }
  28
  29         &.oo-ui-optionWidget-selected {
  30                 background-color: #eaf3ff; // Accent90 AAA
  31         }
  32
  33         &-label {
  34                 &-title {
  35                         font-weight: bold;
  36                         font-size: 1.15em;
  37                         color: #222;
  38                 }
  39                 &-desc {
  40                         color: #54595d;
  41                         white-space: normal;
  42                 }
  43         }
  44
  45         &-itemCheckbox {
  46                 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
  47                         // Override margin-top and -bottom rules from FieldLayout
  48                         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
  49                 }
  50
  51                 .oo-ui-checkboxInputWidget {
  52                         // Workaround for IE11 rendering issues. T162098
  53                         display: block;
  54                 }
  55         }
  56
  57         .mw-rcfilters-ui-cell {
  58                 vertical-align: middle;
  59         }
  60
  61         &-excludeLabel {
  62                 width: 5em;
  63                 padding-left: 1em;
  64                 color: #54595d; // Base20 AAA
  65         }
  66
  67         &-highlightButton {
  68                 width: 4em;
  69                 padding-left: 1em;
  70         }
  71 }