resources/src/jquery.tablesorter.styles/jquery.tablesorter.styles.less

   1 @import 'mediawiki.mixins';
   2
   3 /* Table Sorting */
   4
   5 // Reserve space for table sortable controls
   6 // This selector is not perfect as it will not correctly handle cases with
   7 // merged header cells, so ensure it is removed after the JS has run by using
   8 // the :not( .jquery-tablesorter ) selector.
   9 // It will still prevent a visible jump in the majority of simpler cases.
  10 // The second selector in this rule is for after the JS has run.
  11 .client-js .sortable:not( .jquery-tablesorter ) > * > tr:first-child > th:not( .unsortable ),
  12 .jquery-tablesorter th.headerSort {
  13         .background-image-svg( 'images/sort_both.svg', 'images/sort_both.png' );
  14         cursor: pointer;
  15         background-repeat: no-repeat;
  16         background-position: center right;
  17         padding-right: 21px;
  18 }
  19
  20 .jquery-tablesorter {
  21         th.headerSortUp {
  22                 .background-image-svg( 'images/sort_up.svg', 'images/sort_up.png' );
  23         }
  24
  25         th.headerSortDown {
  26                 .background-image-svg( 'images/sort_down.svg', 'images/sort_down.png' );
  27         }
  28 }