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