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

   1 @import 'mediawiki.mixins';
   2 @import 'mediawiki.ui/variables';
   3
   4 .mw-rcfilters-ui-filterMenuSectionOptionWidget {
   5         background: @colorGray14;
   6         padding-bottom: 0.7em;
   7
   8         &-header {
   9                 padding: 0 0.75em;
  10                 // Use a high specificity to override OOUI
  11                 .oo-ui-optionWidget.oo-ui-labelElement &-title.oo-ui-labelElement-label {
  12                         color: @colorGray5;
  13                         .box-sizing( border-box );
  14                         display: inline-block;
  15                 }
  16         }
  17
  18         &-whatsThisButton {
  19                 margin-left: 1.5em;
  20
  21                 &.oo-ui-buttonElement > .oo-ui-buttonElement-button {
  22                         font-weight: normal;
  23                         border: 0; // Override OOUI `border` needed for frameless keyboard focus
  24                         padding: 0;
  25
  26                         &:focus {
  27                                 .box-shadow( none );
  28                                 outline: 0;
  29                         }
  30                 }
  31
  32                 &-popup-content {
  33                         padding: 1em;
  34
  35                         &-header {
  36                                 font-weight: bold;
  37                                 margin-bottom: 1em;
  38                         }
  39
  40                         &-link {
  41                                 margin: 1em 0;
  42                         }
  43
  44                         .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  45                                 margin-left: 0;
  46                         }
  47                 }
  48         }
  49
  50         &-active {
  51                 .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title {
  52                         font-weight: bold;
  53                 }
  54         }
  55 }