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

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