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

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