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         padding: 0 0.5em;
   7         .box-sizing( border-box );
   8
   9         &:not( :last-child ) {
  10                 border-bottom: 1px solid @colorGray14;
  11         }
  12
  13         &-view-namespaces {
  14                 border-top: 4px solid @colorGray12;
  15
  16                 &:first-child,
  17                 &.mw-rcfilters-ui-itemMenuOptionWidget-identifier-subject + &.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk {
  18                         border-top: 0;
  19                 }
  20         }
  21
  22         &:hover {
  23                 background-color: @colorGray15;
  24         }
  25
  26         .mw-rcfilters-ui-table {
  27                 padding-top: 6 / @font-size-system-ui / @font-size-vector;
  28                 padding-bottom: 6 / @font-size-system-ui / @font-size-vector;
  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-body > .oo-ui-fieldLayout-header {
  49                         padding-left: 12 / @font-size-system-ui / @font-size-vector;
  50                 }
  51
  52                 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
  53                         // Override margin-top and -bottom rules from FieldLayout
  54                         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
  55
  56                         .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  57                                 vertical-align: middle;
  58                         }
  59                 }
  60
  61                 .oo-ui-checkboxInputWidget {
  62                         // Workaround for IE11 rendering issues. T162098
  63                         display: block;
  64                 }
  65
  66                 label {
  67                         // Workaround for Chrome browser bug (T199932)
  68                         // Override padding rule from FieldLayout
  69                         padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  70                 }
  71         }
  72
  73         .mw-rcfilters-ui-cell {
  74                 vertical-align: middle;
  75         }
  76
  77         &-excludeLabel {
  78                 width: 5em;
  79                 padding-left: 1em;
  80                 color: @colorGray5;
  81         }
  82
  83         &-highlightButton {
  84                 width: 4em;
  85                 padding-left: 1em;
  86         }
  87 }