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

   1 @import 'mediawiki.mixins';
   2
   3 .mw-rcfilters-ui-filterWrapperWidget {
   4         width: 100%;
   5         // Make sure this uses the interface direction, not the content direction
   6         direction: ltr;
   7
   8         &-viewToggleButtons {
   9                 margin-top: 1em;
  10         }
  11
  12         &-bottom {
  13                 .flex-display();
  14                 .flex();
  15                 flex-wrap: wrap;
  16                 margin-top: 1em;
  17         }
  18
  19         &-bottom-mobile {
  20                 .oo-ui-buttonElement {
  21                         margin-bottom: 1em;
  22
  23                         &-button {
  24                                 text-align: left;
  25                         }
  26                 }
  27
  28                 .mw-rcfilters-ui-changesLimitAndDateButtonWidget {
  29                         order: 1;
  30                 }
  31
  32                 .mw-rcfilters-ui-liveUpdateButtonWidget {
  33                         order: 2;
  34                 }
  35
  36                 .mw-rcfilters-ui-filterWrapperWidget-showNewChanges {
  37                         order: 3;
  38                         font-size: 0.85em;
  39
  40                         & > a {
  41                                 white-space: normal;
  42                                 /* stylelint-disable-next-line */
  43                                 padding-top: 0 !important; //overrides .oo-ui-buttonElement-button
  44                         }
  45                 }
  46         }
  47 }