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 ):not( .mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk ) {
  10                 border-bottom: 1px solid @colorGray14;
  11         }
  12
  13         &-view-namespaces {
  14                 border-top: 4px solid @colorGray12;
  15         }
  16
  17         // Don't show border for first namespace
  18         &-view-default + &-view-namespaces,
  19         // Hide for every 'talk' option
  20         &-view-namespaces&.mw-rcfilters-ui-itemMenuOptionWidget-identifier-subject + &-view-namespaces.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk {
  21                 border-top: 0;
  22         }
  23
  24         &:hover {
  25                 background-color: @colorGray15;
  26         }
  27
  28         .mw-rcfilters-ui-table {
  29                 padding-top: 6 / @font-size-system-ui / @font-size-vector;
  30                 padding-bottom: 6 / @font-size-system-ui / @font-size-vector;
  31         }
  32
  33         &.oo-ui-optionWidget-selected {
  34                 background-color: @background-color-primary;
  35         }
  36
  37         &-label {
  38                 &-title {
  39                         font-weight: bold;
  40                         font-size: 1.15em;
  41                         color: @colorGray2;
  42                 }
  43                 &-desc {
  44                         color: @colorGray5;
  45                         white-space: normal;
  46                 }
  47         }
  48
  49         &-itemCheckbox {
  50                 .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  51                         padding-left: 12 / @font-size-system-ui / @font-size-vector;
  52                 }
  53
  54                 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
  55                         // Override margin-top and -bottom rules from FieldLayout
  56                         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
  57
  58                         .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  59                                 vertical-align: middle;
  60                         }
  61                 }
  62
  63                 .oo-ui-checkboxInputWidget {
  64                         // Workaround for IE11 rendering issues. T162098
  65                         display: block;
  66                 }
  67
  68                 label {
  69                         // Workaround for Chrome browser bug (T199932)
  70                         // Override padding rule from FieldLayout
  71                         padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  72                 }
  73         }
  74
  75         .mw-rcfilters-ui-cell {
  76                 vertical-align: middle;
  77         }
  78
  79         &-excludeLabel {
  80                 width: 5em;
  81                 padding-left: 1em;
  82                 color: @colorGray5;
  83         }
  84
  85         &-highlightButton {
  86                 width: 4em;
  87                 padding-left: 1em;
  88         }
  89 }