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

   1 @import 'mediawiki.skin.variables.less';
   2 @import 'mw.rcfilters.variables.less';
   3 @import 'mediawiki.mixins.less';
   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: @border-width-base @border-style-base @border-color-subtle;
  11         }
  12
  13         &-view-namespaces {
  14                 border-top: 4px solid @border-color-subtle;
  15         }
  16
  17         // Don't show border for first namespace & hide for every 'talk' option in second selector
  18         &-view-default + &-view-namespaces,
  19         &-view-namespaces&.mw-rcfilters-ui-itemMenuOptionWidget-identifier-subject + &-view-namespaces.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk {
  20                 border-top: 0;
  21         }
  22
  23         &:hover {
  24                 background-color: @background-color-interactive-subtle;
  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-progressive-subtle;
  34         }
  35
  36         &-label {
  37                 &-title {
  38                         font-weight: bold;
  39                         font-size: 1.15em;
  40                         color: @color-base;
  41                 }
  42
  43                 &-desc {
  44                         color: @color-subtle;
  45                         white-space: normal;
  46                 }
  47         }
  48
  49         &-itemCheckbox {
  50                 flex-grow: 1;
  51
  52                 .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
  53                         padding-left: (12 / @font-size-system-ui / @font-size-vector);
  54                 }
  55
  56                 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
  57                         // Override margin-top and -bottom rules from FieldLayout
  58                         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
  59
  60                         .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
  61                                 vertical-align: middle;
  62                         }
  63                 }
  64
  65                 label {
  66                         // Workaround for Chrome browser bug (T199932)
  67                         // Override padding rule from FieldLayout
  68                         padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
  69                 }
  70         }
  71
  72         .mw-rcfilters-ui-cell {
  73                 align-self: center;
  74
  75                 > * {
  76                         margin-left: 1em;
  77                 }
  78         }
  79
  80         &-excludeLabel {
  81                 color: @color-subtle;
  82         }
  83 }