TablePager: Reduce pagination button in visual strength
[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 {
9 min-width: 80%;
10 }
11
12 .TablePager .TablePager_sort-ascending a {
13 padding-left: 15px;
14 background: none left center no-repeat;
15 .background-image-svg('images/arrow-sort-ascending.svg', 'images/arrow-sort-ascending.png');
16 }
17
18 .TablePager .TablePager_sort-descending a {
19 padding-left: 15px;
20 background: none left center no-repeat;
21 .background-image-svg('images/arrow-sort-descending.svg', 'images/arrow-sort-descending.png');
22 }
23
24 .TablePager_nav {
25 &.oo-ui-buttonGroupWidget {
26 display: block;
27 margin: 1em;
28 text-align: center;
29 }
30
31 // Overrule default OOUI frameless special treatment for left-aligned widgets
32 & .oo-ui-buttonElement-frameless {
33 &.oo-ui-labelElement > .oo-ui-buttonElement-button {
34 padding-right: 0.5em;
35 }
36
37 &.oo-ui-labelElement.oo-ui-iconElement:first-child {
38 margin-left: 0;
39 }
40 }
41
42 .TablePager-button-next,
43 .TablePager-button-last {
44 &.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
45 padding-left: 0.5em;
46 padding-right: 2.14285714em;
47
48 > .oo-ui-iconElement-icon {
49 left: auto;
50 right: 0.35714286em;
51 }
52 }
53 }
54 }