resources/src/mediawiki.pager.styles/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 // TablePager uses `.mw-datatable` and is loaded in the right order by RL
   9 .mw-datatable {
  10         min-width: 80%;
  11
  12         &-is-sorted a {
  13                 background-position: left center;
  14                 background-repeat: no-repeat;
  15                 padding-left: 15px;
  16         }
  17
  18         &-is-ascending a {
  19                 background-image: url( images/arrow-sort-ascending.svg );
  20         }
  21
  22         &-is-descending a {
  23                 background-image: url( images/arrow-sort-descending.svg );
  24         }
  25 }
  26
  27 .TablePager_nav {
  28         &.oo-ui-buttonGroupWidget {
  29                 display: block;
  30                 margin: 1em;
  31                 text-align: center;
  32         }
  33
  34         // Overrule default OOUI frameless special treatment for left-aligned widgets
  35         & .oo-ui-buttonElement-frameless {
  36                 &.oo-ui-labelElement > .oo-ui-buttonElement-button {
  37                         padding-right: 0.5em;
  38                 }
  39
  40                 &.oo-ui-labelElement.oo-ui-iconElement:first-child {
  41                         margin-left: 0;
  42                 }
  43         }
  44
  45         .TablePager-button-next,
  46         .TablePager-button-last {
  47                 &.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
  48                         padding-left: 0.5em;
  49                         padding-right: 2.14285714em;
  50
  51                         > .oo-ui-iconElement-icon {
  52                                 left: auto;
  53                                 right: 0.35714286em;
  54                         }
  55                 }
  56         }
  57 }