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: 4px 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: 6 / @font-size-system-ui / @font-size-vector;
  29                 padding-bottom: 6 / @font-size-system-ui / @font-size-vector;
  30         }
  31
  32         &.oo-ui-optionWidget-selected {
  33                 background-color: @background-color-primary;
  34         }
  35
  36         &-label {
  37                 &-title {
  38                         font-weight: bold;
  39                         font-size: 1.15em;
  40                         color: @colorGray2;
  41                 }
  42                 &-desc {
  43                         color: @colorGray5;
  44                         white-space: normal;
  45                 }
  46         }
  47
  48         &-itemCheckbox {
  49                 .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  50                         padding-left: 12 / @font-size-system-ui / @font-size-vector;
  51                 }
  52
  53                 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
  54                         // Override margin-top and -bottom rules from FieldLayout
  55                         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
  56                 }
  57
  58                 .oo-ui-checkboxInputWidget {
  59                         // Workaround for IE11 rendering issues. T162098
  60                         display: block;
  61                 }
  62         }
  63
  64         .mw-rcfilters-ui-cell {
  65                 vertical-align: middle;
  66         }
  67
  68         &-excludeLabel {
  69                 width: 5em;
  70                 padding-left: 1em;
  71                 color: @colorGray5;
  72         }
  73
  74         &-highlightButton {
  75                 width: 4em;
  76                 padding-left: 1em;
  77         }
  78 }