// We don't actually know in which direction other fields will be sorted by default…
if ( $this->mDefaultDirection == IndexPager::DIR_DESCENDING ) {
$linkType = 'asc';
- $class = "$sortClass TablePager_sort-descending";
+ $class = "$sortClass mw-datatable-is-sorted mw-datatable-is-descending";
$query['asc'] = '1';
$query['desc'] = '';
} else {
$linkType = 'desc';
- $class = "$sortClass TablePager_sort-ascending";
+ $class = "$sortClass mw-datatable-is-sorted mw-datatable-is-ascending";
$query['asc'] = '';
$query['desc'] = '1';
}
min-width: 80%;
}
-.TablePager .TablePager_sort-ascending a {
- padding-left: 15px;
- background: none left center no-repeat;
- .background-image-svg('images/arrow-sort-ascending.svg', 'images/arrow-sort-ascending.png');
-}
+.mw-datatable {
+ &-is-sorted a {
+ background-position: left center;
+ background-repeat: no-repeat;
+ padding-left: 15px;
+ }
-.TablePager .TablePager_sort-descending a {
- padding-left: 15px;
- background: none left center no-repeat;
- .background-image-svg('images/arrow-sort-descending.svg', 'images/arrow-sort-descending.png');
+ &-is-ascending a {
+ .background-image-svg( 'images/arrow-sort-ascending.svg', 'images/arrow-sort-ascending.png' );
+ }
+
+ &-is-descending a {
+ .background-image-svg( 'images/arrow-sort-descending.svg', 'images/arrow-sort-descending.png' );
+ }
}
.TablePager_nav {