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