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 |
|
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 |
|
43 | &-tbody {
|
44 | > tr {
|
45 |
|
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 |
|
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 |
|
71 |
|
72 |
|
73 |
|
74 | &-column-sorter {
|
75 | .@{table-wrapepr-rtl-cls} & {
|
76 | margin-right: @padding-xs;
|
77 | margin-left: 0;
|
78 | }
|
79 | }
|
80 |
|
81 |
|
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 |
|
104 | &-filter-dropdown {
|
105 |
|
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 |
|
119 | &-selection {
|
120 | .@{table-wrapepr-rtl-cls} & {
|
121 | text-align: center;
|
122 | }
|
123 | }
|
124 |
|
125 |
|
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 | }
|