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