Replace 'TablePager' CSS class exclusively by `mw-datatable`
[lhc/web/wiklou.git] / resources / src / mediawiki.pager.tablePager / TablePager.less
1 /*!
2 * Structures generated by the TablePager PHP class
3 * in MediaWiki (used e.g. on Special:ListFiles).
4 */
5
6 @import 'mediawiki.mixins';
7
8 // TablePager uses `.mw-datatable` and is loaded in the right order by RL
9 .mw-datatable {
10 min-width: 80%;
11
12 &-is-sorted a {
13 background-position: left center;
14 background-repeat: no-repeat;
15 padding-left: 15px;
16 }
17
18 &-is-ascending a {
19 .background-image-svg( 'images/arrow-sort-ascending.svg', 'images/arrow-sort-ascending.png' );
20 }
21
22 &-is-descending a {
23 .background-image-svg( 'images/arrow-sort-descending.svg', 'images/arrow-sort-descending.png' );
24 }
25 }
26
27 .TablePager_nav {
28 &.oo-ui-buttonGroupWidget {
29 display: block;
30 margin: 1em;
31 text-align: center;
32 }
33
34 // Overrule default OOUI frameless special treatment for left-aligned widgets
35 & .oo-ui-buttonElement-frameless {
36 &.oo-ui-labelElement > .oo-ui-buttonElement-button {
37 padding-right: 0.5em;
38 }
39
40 &.oo-ui-labelElement.oo-ui-iconElement:first-child {
41 margin-left: 0;
42 }
43 }
44
45 .TablePager-button-next,
46 .TablePager-button-last {
47 &.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
48 padding-left: 0.5em;
49 padding-right: 2.14285714em;
50
51 > .oo-ui-iconElement-icon {
52 left: auto;
53 right: 0.35714286em;
54 }
55 }
56 }
57 }