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

   1 @import 'mediawiki.mixins';
   2
   3 .mw-rcfilters-ui-filterMenuHeaderWidget {
   4         &-title {
   5                 display: inline-block;
   6                 font-size: 1.2em;
   7                 padding: 0.75em 0 0.75em 0.5em;
   8                 // TODO: Unify colors with official design palette
   9                 color: #54595d;
  10         }
  11
  12         &-helpIcon {
  13                 position: absolute;
  14                 top: 50%;
  15                 .transform( translateY( -50% ) );
  16         }
  17
  18         &-header {
  19                 border-bottom: 1px solid #c8ccd1;
  20                 background: #f8f9fa;
  21
  22                 &-invert,
  23                 &-highlight {
  24                         width: 1em;
  25                         vertical-align: middle;
  26                         // Using the same padding that the filter item
  27                         // uses, so the button is aligned with the highlight
  28                         // buttons for the filters
  29                         padding-right: 0.5em;
  30                 }
  31
  32                 &-back {
  33                         width: 1em;
  34                         vertical-align: middle;
  35                         padding-left: 0.5em;
  36                 }
  37
  38                 &-title {
  39                         position: relative;
  40                         width: 100%;
  41                         vertical-align: middle;
  42                 }
  43         }
  44 }