UNPKG

3.66 kBtext/lessView Raw
1@import '../../style/themes/index';
2@import '../../style/mixins/index';
3
4@table-prefix-cls: ~'@{ant-prefix}-table';
5@table-wrapepr-cls: ~'@{table-prefix-cls}-wrapper';
6@table-wrapepr-rtl-cls: ~'@{table-prefix-cls}-wrapper-rtl';
7
8.@{table-prefix-cls}-wrapper {
9 &-rtl {
10 direction: rtl;
11 }
12}
13
14.@{table-prefix-cls} {
15 &-rtl {
16 direction: rtl;
17 }
18
19 table {
20 .@{table-wrapepr-rtl-cls} & {
21 text-align: right;
22 }
23 }
24
25 // ============================ Header ============================
26 &-thead {
27 > tr {
28 > th {
29 &[colspan]:not([colspan='1']) {
30 .@{table-wrapepr-rtl-cls} & {
31 text-align: center;
32 }
33 }
34
35 .@{table-wrapepr-rtl-cls} & {
36 text-align: right;
37 }
38 }
39 }
40 }
41
42 // ============================= Body =============================
43 &-tbody {
44 > tr {
45 // ========================= Nest Table ===========================
46 .@{table-prefix-cls}-wrapper:only-child {
47 .@{table-prefix-cls}.@{table-prefix-cls}-rtl {
48 margin: -@table-padding-vertical (@table-padding-horizontal + ceil(@font-size-sm * 1.4)) -@table-padding-vertical -@table-padding-horizontal;
49 }
50 }
51 }
52 }
53
54 // ========================== Pagination ==========================
55 &-pagination {
56 &-left {
57 .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
58 justify-content: flex-end;
59 }
60 }
61
62 &-right {
63 .@{table-wrapepr-cls}.@{table-wrapepr-rtl-cls} & {
64 justify-content: flex-start;
65 }
66 }
67 }
68
69 // ================================================================
70 // = Function =
71 // ================================================================
72
73 // ============================ Sorter ============================
74 &-column-sorter {
75 .@{table-wrapepr-rtl-cls} & {
76 margin-right: @padding-xs;
77 margin-left: 0;
78 }
79 }
80
81 // ============================ Filter ============================
82 &-filter-column-title {
83 .@{table-wrapepr-rtl-cls} & {
84 padding: @table-padding-vertical @table-padding-horizontal @table-padding-vertical 2.3em;
85 }
86 }
87
88 &-thead tr th.@{table-prefix-cls}-column-has-sorters {
89 .@{table-prefix-cls}-filter-column-title {
90 .@{table-prefix-cls}-rtl & {
91 padding: 0 0 0 2.3em;
92 }
93 }
94 }
95
96 &-filter-trigger-container {
97 .@{table-wrapepr-rtl-cls} & {
98 right: auto;
99 left: 0;
100 }
101 }
102
103 // Dropdown
104 &-filter-dropdown {
105 // Checkbox
106 &,
107 &-submenu {
108 .@{ant-prefix}-checkbox-wrapper + span {
109 .@{ant-prefix}-dropdown-rtl &,
110 .@{ant-prefix}-dropdown-menu-submenu-rtl& {
111 padding-right: 8px;
112 padding-left: 0;
113 }
114 }
115 }
116 }
117
118 // ========================== Selections ==========================
119 &-selection {
120 .@{table-wrapepr-rtl-cls} & {
121 text-align: center;
122 }
123 }
124
125 // ========================== Expandable ==========================
126 &-row-indent {
127 .@{table-wrapepr-rtl-cls} & {
128 float: right;
129 }
130 }
131
132 &-row-expand-icon {
133 .@{table-wrapepr-rtl-cls} & {
134 float: right;
135 }
136
137 .@{table-prefix-cls}-row-indent + & {
138 .@{table-wrapepr-rtl-cls} & {
139 margin-right: 0;
140 margin-left: @padding-xs;
141 }
142 }
143
144 &::after {
145 .@{table-wrapepr-rtl-cls} & {
146 transform: rotate(-90deg);
147 }
148 }
149
150 &-collapsed::before {
151 .@{table-wrapepr-rtl-cls} & {
152 transform: rotate(180deg);
153 }
154 }
155
156 &-collapsed::after {
157 .@{table-wrapepr-rtl-cls} & {
158 transform: rotate(0deg);
159 }
160 }
161 }
162}