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

   1 @import 'mediawiki.mixins';
   2
   3 .mw-rcfilters-ui-saveFiltersPopupButtonWidget {
   4         &-popup {
   5                 &-layout,
   6                 &-options {
   7                         padding-bottom: 1.5em;
   8                 }
   9
  10                 > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
  11                         position: relative;
  12                         height: auto;
  13                         padding: 1em;
  14                         // Icon width + icon left position (rounded to 0.5 to give a little extra margin)
  15                         padding-right: 1.875em + 0.5em;
  16
  17                         > .oo-ui-buttonWidget {
  18                                 top: 0.5em;
  19                         }
  20
  21                         > .oo-ui-iconWidget {
  22                                 vertical-align: top;
  23                         }
  24
  25                         > .oo-ui-labelElement-label {
  26                                 float: none;
  27                                 display: inline-block;
  28                                 // Label doesn't wrap without `max-width`. First setting a pretty arbitrary percentage value.
  29                                 max-width: 80%;
  30                                 // Overwrite it with `calc` reduced by icon width and left margin combined.
  31                                 max-width: calc( ~'100% - 1.42857143em - 0.25em' );
  32                                 margin: 0 0 0 0.25em;
  33                                 font-size: 1.2em;
  34                                 font-weight: bold;
  35                                 line-height: 1.25;
  36                                 vertical-align: top;
  37                         }
  38                 }
  39         }
  40 }