Merge "Replace sorting classes with better naming convention"

diff --cc includes/pager/TablePager.php
Simple merge

diff --cc resources/src/mediawiki.pager.tablePager/TablePager.less
index a8ab818,f9dd642..c7eae2c
--- 1/resources/src/mediawiki.pager.tablePager/TablePager.less
--- 2/resources/src/mediawiki.pager.tablePager/TablePager.less
+++ b/resources/src/mediawiki.pager.tablePager/TablePager.less
@@@ -7,24 -7,22 +7,28 @@@
  
  .TablePager {
        min-width: 80%;
 +
 +      // Remove as soon as `.mw-datatable` receives this `padding`, see T214208
 +      td,
 +      th {
 +              padding: 0.2em 0.4em;
 +      }
  }
  
- .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 {