Merge "installer: Remove TODO per discussion in Ia9f0cd7d0117f67d2017e"

[lhc/web/wiklou.git] / resources / src / mediawiki.pager.tablePager / TablePager.less

diff --git a/resources/src/mediawiki.pager.tablePager/TablePager.less b/resources/src/mediawiki.pager.tablePager/TablePager.less
index 5b3519e..4c82192 100644 (file)
--- a/resources/src/mediawiki.pager.tablePager/TablePager.less
+++ b/resources/src/mediawiki.pager.tablePager/TablePager.less
@@ -3,26 +3,57 @@
  * in MediaWiki (used e.g. on Special:ListFiles).
  */
 
+/* stylelint-disable selector-class-pattern */
+
 @import 'mediawiki.mixins';
 
-.TablePager {
+// TablePager uses `.mw-datatable` and is loaded in the right order by RL
+.mw-datatable {
        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');
-}
+       &-is-sorted a {
+               background-position: left center;
+               background-repeat: no-repeat;
+               padding-left: 15px;
+       }
+
+       &-is-ascending a {
+               .background-image-svg( 'images/arrow-sort-ascending.svg', 'images/arrow-sort-ascending.png' );
+       }
 
-.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-descending a {
+               .background-image-svg( 'images/arrow-sort-descending.svg', 'images/arrow-sort-descending.png' );
+       }
 }
 
-.TablePager_nav.oo-ui-buttonGroupWidget {
-       display: block;
-       text-align: center;
-       margin: 1em;
+.TablePager_nav {
+       &.oo-ui-buttonGroupWidget {
+               display: block;
+               margin: 1em;
+               text-align: center;
+       }
+
+       // Overrule default OOUI frameless special treatment for left-aligned widgets
+       & .oo-ui-buttonElement-frameless {
+               &.oo-ui-labelElement > .oo-ui-buttonElement-button {
+                       padding-right: 0.5em;
+               }
+
+               &.oo-ui-labelElement.oo-ui-iconElement:first-child {
+                       margin-left: 0;
+               }
+       }
+
+       .TablePager-button-next,
+       .TablePager-button-last {
+               &.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
+                       padding-left: 0.5em;
+                       padding-right: 2.14285714em;
+
+                       > .oo-ui-iconElement-icon {
+                               left: auto;
+                               right: 0.35714286em;
+                       }
+               }
+       }
 }