resources/src/mediawiki.pager.tablePager/TablePager.less

   1 /*!
   2  * Structures generated by the TablePager PHP class
   3  * in MediaWiki (used e.g. on Special:ListFiles).
   4  */
   5
   6 /* stylelint-disable selector-class-pattern */
   7
   8 @import 'mediawiki.mixins';
   9
  10 // TablePager uses `.mw-datatable` and is loaded in the right order by RL
  11 .mw-datatable {
  12         min-width: 80%;
  13
  14         &-is-sorted a {
  15                 background-position: left center;
  16                 background-repeat: no-repeat;
  17                 padding-left: 15px;
  18         }
  19
  20         &-is-ascending a {
  21                 .background-image-svg( 'images/arrow-sort-ascending.svg', 'images/arrow-sort-ascending.png' );
  22         }
  23
  24         &-is-descending a {
  25                 .background-image-svg( 'images/arrow-sort-descending.svg', 'images/arrow-sort-descending.png' );
  26         }
  27 }
  28
  29 .TablePager_nav {
  30         &.oo-ui-buttonGroupWidget {
  31                 display: block;
  32                 margin: 1em;
  33                 text-align: center;
  34         }
  35
  36         // Overrule default OOUI frameless special treatment for left-aligned widgets
  37         & .oo-ui-buttonElement-frameless {
  38                 &.oo-ui-labelElement > .oo-ui-buttonElement-button {
  39                         padding-right: 0.5em;
  40                 }
  41
  42                 &.oo-ui-labelElement.oo-ui-iconElement:first-child {
  43                         margin-left: 0;
  44                 }
  45         }
  46
  47         .TablePager-button-next,
  48         .TablePager-button-last {
  49                 &.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
  50                         padding-left: 0.5em;
  51                         padding-right: 2.14285714em;
  52
  53                         > .oo-ui-iconElement-icon {
  54                                 left: auto;
  55                                 right: 0.35714286em;
  56                         }
  57                 }
  58         }
  59 }