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

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