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

   1 @import 'mediawiki.ui/variables';
   2
   3 .mw-rcfilters-ui-rcTopSectionWidget {
   4         &-topLinks {
   5                 &-table {
   6                         width: 100%;
   7                 }
   8
   9                 &-top {
  10                         display: block;
  11                         width: 100%;
  12                 }
  13         }
  14
  15         &-savedLinks {
  16                 vertical-align: bottom;
  17                 padding-left: 1em;
  18         }
  19 }
  20
  21 @media screen and ( max-width: @width-breakpoint-tablet ) {
  22         .mw-rcfilters-ui-rcTopSectionWidget {
  23                 & > .mw-rcfilters-ui-table > .mw-rcfilters-ui-row {
  24                         display: flex;
  25                         flex-wrap: wrap;
  26                 }
  27
  28                 &-savedLinks {
  29                         padding-left: 0;
  30                 }
  31
  32                 &-topLinks-table {
  33                         width: auto;
  34                         flex-grow: 1;
  35                 }
  36
  37                 .mw-rcfilters-ui-table-placeholder {
  38                         width: auto;
  39                 }
  40         }
  41 }