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

   1 @import 'mediawiki.ui/variables';
   2
   3 .mw-rcfilters-ui-watchlistTopSectionWidget {
   4         &-watchlistDetails {
   5                 width: 100%;
   6         }
   7
   8         &-editWatchlistButton {
   9                 vertical-align: bottom;
  10                 // Match the width that we are setting up for the loading
  11                 // of the .watchlistDetails in mw.rcfilters.less
  12                 min-width: 20em;
  13                 text-align: right;
  14
  15                 // actual button
  16                 .oo-ui-buttonWidget {
  17                         margin-left: 3em;
  18                 }
  19         }
  20
  21         &-savedLinks {
  22                 float: right;
  23         }
  24
  25         &-savedLinksTable {
  26                 margin-top: 1em;
  27         }
  28
  29         &-separator {
  30                 margin-top: 1em;
  31                 border-top: 2px solid @colorGray14;
  32         }
  33 }
  34
  35 // On small screens, remove the table properties from the
  36 // top section. T225127#5518870
  37 @media screen and ( max-width: @width-breakpoint-tablet ) {
  38         .mw-rcfilters-ui-watchlistTopSectionWidget {
  39                 .mw-rcfilters-ui-table,
  40                 .mw-rcfilters-ui-row,
  41                 .mw-rcfilters-ui-cell {
  42                         display: block;
  43                 }
  44
  45                 &-editWatchlistButton {
  46                         margin-top: 1em;
  47                 }
  48         }
  49 }