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

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