UNPKG

25 kBCSSView Raw
1/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2/* stylelint-disable no-duplicate-selectors */
3/* stylelint-disable */
4/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5.ant-table.ant-table-middle {
6 font-size: 14px;
7}
8.ant-table.ant-table-middle .ant-table-title,
9.ant-table.ant-table-middle .ant-table-footer,
10.ant-table.ant-table-middle .ant-table-thead > tr > th,
11.ant-table.ant-table-middle .ant-table-tbody > tr > td,
12.ant-table.ant-table-middle tfoot > tr > th,
13.ant-table.ant-table-middle tfoot > tr > td {
14 padding: 12px 8px;
15}
16.ant-table.ant-table-middle .ant-table-filter-trigger {
17 margin-right: -4px;
18}
19.ant-table.ant-table-middle .ant-table-expanded-row-fixed {
20 margin: -12px -8px;
21}
22.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
23 margin: -12px -8px -12px 25px;
24}
25.ant-table.ant-table-small {
26 font-size: 14px;
27}
28.ant-table.ant-table-small .ant-table-title,
29.ant-table.ant-table-small .ant-table-footer,
30.ant-table.ant-table-small .ant-table-thead > tr > th,
31.ant-table.ant-table-small .ant-table-tbody > tr > td,
32.ant-table.ant-table-small tfoot > tr > th,
33.ant-table.ant-table-small tfoot > tr > td {
34 padding: 8px 8px;
35}
36.ant-table.ant-table-small .ant-table-filter-trigger {
37 margin-right: -4px;
38}
39.ant-table.ant-table-small .ant-table-expanded-row-fixed {
40 margin: -8px -8px;
41}
42.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
43 margin: -8px -8px -8px 25px;
44}
45.ant-table-small .ant-table-thead > tr > th {
46 background-color: #fafafa;
47}
48.ant-table-small .ant-table-selection-column {
49 width: 46px;
50 min-width: 46px;
51}
52.ant-table.ant-table-bordered > .ant-table-title {
53 border: 1px solid #f0f0f0;
54 border-bottom: 0;
55}
56.ant-table.ant-table-bordered > .ant-table-container {
57 border: 1px solid #f0f0f0;
58 border-right: 0;
59 border-bottom: 0;
60}
61.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th,
62.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th,
63.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th,
64.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th,
65.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td,
66.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td,
67.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td,
68.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td,
69.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th,
70.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th,
71.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th,
72.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th,
73.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td,
74.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td,
75.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td,
76.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td {
77 border-right: 1px solid #f0f0f0;
78}
79.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th,
80.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th,
81.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th,
82.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th {
83 border-bottom: 1px solid #f0f0f0;
84}
85.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before,
86.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before,
87.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before,
88.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before {
89 background-color: transparent !important;
90}
91.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after,
92.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after,
93.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after,
94.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after,
95.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after,
96.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after,
97.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after,
98.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after,
99.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
100.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
101.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after,
102.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after {
103 border-right: 1px solid #f0f0f0;
104}
105.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
106.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed,
107.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed,
108.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed {
109 margin: -16px -17px;
110}
111.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
112.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
113.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
114.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
115 position: absolute;
116 top: 0;
117 right: 1px;
118 bottom: 0;
119 border-right: 1px solid #f0f0f0;
120 content: '';
121}
122.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td,
123.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td {
124 border-right: 0;
125}
126.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
127.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
128 margin: -12px -9px;
129}
130.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed,
131.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed {
132 margin: -8px -9px;
133}
134.ant-table.ant-table-bordered > .ant-table-footer {
135 border: 1px solid #f0f0f0;
136 border-top: 0;
137}
138.ant-table-cell .ant-table-container:first-child {
139 border-top: 0;
140}
141.ant-table-cell-scrollbar {
142 box-shadow: 0 1px 0 1px #fafafa;
143}
144.ant-table-wrapper {
145 clear: both;
146 max-width: 100%;
147}
148.ant-table-wrapper::before {
149 display: table;
150 content: '';
151}
152.ant-table-wrapper::after {
153 display: table;
154 clear: both;
155 content: '';
156}
157.ant-table {
158 box-sizing: border-box;
159 margin: 0;
160 padding: 0;
161 color: rgba(0, 0, 0, 0.85);
162 font-variant: tabular-nums;
163 line-height: 1.5715;
164 list-style: none;
165 font-feature-settings: 'tnum';
166 position: relative;
167 font-size: 14px;
168 background: #fff;
169 border-radius: 2px;
170}
171.ant-table table {
172 width: 100%;
173 text-align: left;
174 border-radius: 2px 2px 0 0;
175 border-collapse: separate;
176 border-spacing: 0;
177}
178.ant-table-thead > tr > th,
179.ant-table-tbody > tr > td,
180.ant-table tfoot > tr > th,
181.ant-table tfoot > tr > td {
182 position: relative;
183 padding: 16px 16px;
184 overflow-wrap: break-word;
185}
186.ant-table-cell-ellipsis {
187 overflow: hidden;
188 white-space: nowrap;
189 text-overflow: ellipsis;
190 word-break: keep-all;
191}
192.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
193.ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
194 overflow: visible;
195}
196.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
197.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
198 display: block;
199 overflow: hidden;
200 text-overflow: ellipsis;
201}
202.ant-table-cell-ellipsis .ant-table-column-title {
203 overflow: hidden;
204 text-overflow: ellipsis;
205 word-break: keep-all;
206}
207.ant-table-title {
208 padding: 16px 16px;
209}
210.ant-table-footer {
211 padding: 16px 16px;
212 color: rgba(0, 0, 0, 0.85);
213 background: #fafafa;
214}
215.ant-table-thead > tr > th {
216 position: relative;
217 color: rgba(0, 0, 0, 0.85);
218 font-weight: 500;
219 text-align: left;
220 background: #fafafa;
221 border-bottom: 1px solid #f0f0f0;
222 transition: background 0.3s ease;
223}
224.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
225 text-align: center;
226}
227.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
228 position: absolute;
229 top: 50%;
230 right: 0;
231 width: 1px;
232 height: 1.6em;
233 background-color: rgba(0, 0, 0, 0.06);
234 transform: translateY(-50%);
235 transition: background-color 0.3s;
236 content: '';
237}
238.ant-table-thead > tr:not(:last-child) > th[colspan] {
239 border-bottom: 0;
240}
241.ant-table-tbody > tr > td {
242 border-bottom: 1px solid #f0f0f0;
243 transition: background 0.3s;
244}
245.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
246.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
247 margin: -16px -16px -16px 33px;
248}
249.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td,
250.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td {
251 border-bottom: 0;
252}
253.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
254.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child,
255.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child,
256.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child {
257 border-radius: 0;
258}
259.ant-table-tbody > tr.ant-table-row:hover > td {
260 background: #fafafa;
261}
262.ant-table-tbody > tr.ant-table-row-selected > td {
263 background: #e6f7ff;
264 border-color: rgba(0, 0, 0, 0.03);
265}
266.ant-table-tbody > tr.ant-table-row-selected:hover > td {
267 background: #dcf4ff;
268}
269.ant-table-summary {
270 background: #fff;
271}
272div.ant-table-summary {
273 box-shadow: 0 -1px 0 #f0f0f0;
274}
275.ant-table-summary > tr > th,
276.ant-table-summary > tr > td {
277 border-bottom: 1px solid #f0f0f0;
278}
279.ant-table-pagination.ant-pagination {
280 margin: 16px 0;
281}
282.ant-table-pagination {
283 display: flex;
284 flex-wrap: wrap;
285 row-gap: 8px;
286}
287.ant-table-pagination > * {
288 flex: none;
289}
290.ant-table-pagination-left {
291 justify-content: flex-start;
292}
293.ant-table-pagination-center {
294 justify-content: center;
295}
296.ant-table-pagination-right {
297 justify-content: flex-end;
298}
299.ant-table-thead th.ant-table-column-has-sorters {
300 cursor: pointer;
301 transition: all 0.3s;
302}
303.ant-table-thead th.ant-table-column-has-sorters:hover {
304 background: rgba(0, 0, 0, 0.04);
305}
306.ant-table-thead th.ant-table-column-has-sorters:hover::before {
307 background-color: transparent !important;
308}
309.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,
310.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover {
311 background: #f5f5f5;
312}
313.ant-table-thead th.ant-table-column-sort {
314 background: #f5f5f5;
315}
316.ant-table-thead th.ant-table-column-sort::before {
317 background-color: transparent !important;
318}
319td.ant-table-column-sort {
320 background: #fafafa;
321}
322.ant-table-column-title {
323 position: relative;
324 z-index: 1;
325 flex: 1;
326}
327.ant-table-column-sorters {
328 display: flex;
329 flex: auto;
330 align-items: center;
331 justify-content: space-between;
332}
333.ant-table-column-sorters::after {
334 position: absolute;
335 top: 0;
336 right: 0;
337 bottom: 0;
338 left: 0;
339 width: 100%;
340 height: 100%;
341 content: '';
342}
343.ant-table-column-sorter {
344 color: #bfbfbf;
345 font-size: 0;
346 transition: color 0.3s;
347}
348.ant-table-column-sorter-inner {
349 display: inline-flex;
350 flex-direction: column;
351 align-items: center;
352}
353.ant-table-column-sorter-up,
354.ant-table-column-sorter-down {
355 font-size: 11px;
356}
357.ant-table-column-sorter-up.active,
358.ant-table-column-sorter-down.active {
359 color: #1890ff;
360}
361.ant-table-column-sorter-up + .ant-table-column-sorter-down {
362 margin-top: -0.3em;
363}
364.ant-table-column-sorters:hover .ant-table-column-sorter {
365 color: #a6a6a6;
366}
367.ant-table-filter-column {
368 display: flex;
369 justify-content: space-between;
370}
371.ant-table-filter-trigger {
372 position: relative;
373 display: flex;
374 align-items: center;
375 margin: -4px -8px -4px 4px;
376 padding: 0 4px;
377 color: #bfbfbf;
378 font-size: 12px;
379 border-radius: 2px;
380 cursor: pointer;
381 transition: all 0.3s;
382}
383.ant-table-filter-trigger:hover {
384 color: rgba(0, 0, 0, 0.45);
385 background: rgba(0, 0, 0, 0.04);
386}
387.ant-table-filter-trigger.active {
388 color: #1890ff;
389}
390.ant-table-filter-dropdown {
391 box-sizing: border-box;
392 margin: 0;
393 padding: 0;
394 color: rgba(0, 0, 0, 0.85);
395 font-size: 14px;
396 font-variant: tabular-nums;
397 line-height: 1.5715;
398 list-style: none;
399 font-feature-settings: 'tnum';
400 min-width: 120px;
401 background-color: #fff;
402 border-radius: 2px;
403 box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
404}
405.ant-table-filter-dropdown .ant-dropdown-menu {
406 max-height: 264px;
407 overflow-x: hidden;
408 border: 0;
409 box-shadow: none;
410}
411.ant-table-filter-dropdown-submenu > ul {
412 max-height: calc(100vh - 130px);
413 overflow-x: hidden;
414 overflow-y: auto;
415}
416.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
417.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
418 padding-left: 8px;
419}
420.ant-table-filter-dropdown-btns {
421 display: flex;
422 justify-content: space-between;
423 padding: 7px 8px 7px 3px;
424 overflow: hidden;
425 background-color: inherit;
426 border-top: 1px solid #f0f0f0;
427}
428.ant-table-selection-col {
429 width: 32px;
430}
431.ant-table-bordered .ant-table-selection-col {
432 width: 50px;
433}
434table tr th.ant-table-selection-column,
435table tr td.ant-table-selection-column {
436 padding-right: 8px;
437 padding-left: 8px;
438 text-align: center;
439}
440table tr th.ant-table-selection-column .ant-radio-wrapper,
441table tr td.ant-table-selection-column .ant-radio-wrapper {
442 margin-right: 0;
443}
444table tr th.ant-table-selection-column::after {
445 background-color: transparent !important;
446}
447.ant-table-selection {
448 position: relative;
449 display: inline-flex;
450 flex-direction: column;
451}
452.ant-table-selection-extra {
453 position: absolute;
454 top: 0;
455 z-index: 1;
456 cursor: pointer;
457 transition: all 0.3s;
458 -webkit-margin-start: 100%;
459 margin-inline-start: 100%;
460 -webkit-padding-start: 4px;
461 padding-inline-start: 4px;
462}
463.ant-table-selection-extra .anticon {
464 color: #bfbfbf;
465 font-size: 10px;
466}
467.ant-table-selection-extra .anticon:hover {
468 color: #a6a6a6;
469}
470.ant-table-expand-icon-col {
471 width: 48px;
472}
473.ant-table-row-expand-icon-cell {
474 text-align: center;
475}
476.ant-table-row-indent {
477 float: left;
478 height: 1px;
479}
480.ant-table-row-expand-icon {
481 color: #1890ff;
482 text-decoration: none;
483 cursor: pointer;
484 transition: color 0.3s;
485 position: relative;
486 display: inline-flex;
487 float: left;
488 box-sizing: border-box;
489 width: 17px;
490 height: 17px;
491 padding: 0;
492 color: inherit;
493 line-height: 17px;
494 background: #fff;
495 border: 1px solid #f0f0f0;
496 border-radius: 2px;
497 outline: none;
498 transform: scale(0.94117647);
499 transition: all 0.3s;
500 -webkit-user-select: none;
501 -moz-user-select: none;
502 -ms-user-select: none;
503 user-select: none;
504}
505.ant-table-row-expand-icon:focus,
506.ant-table-row-expand-icon:hover {
507 color: #40a9ff;
508}
509.ant-table-row-expand-icon:active {
510 color: #096dd9;
511}
512.ant-table-row-expand-icon:focus,
513.ant-table-row-expand-icon:hover,
514.ant-table-row-expand-icon:active {
515 border-color: currentColor;
516}
517.ant-table-row-expand-icon::before,
518.ant-table-row-expand-icon::after {
519 position: absolute;
520 background: currentColor;
521 transition: transform 0.3s ease-out;
522 content: '';
523}
524.ant-table-row-expand-icon::before {
525 top: 7px;
526 right: 3px;
527 left: 3px;
528 height: 1px;
529}
530.ant-table-row-expand-icon::after {
531 top: 3px;
532 bottom: 3px;
533 left: 7px;
534 width: 1px;
535 transform: rotate(90deg);
536}
537.ant-table-row-expand-icon-collapsed::before {
538 transform: rotate(-180deg);
539}
540.ant-table-row-expand-icon-collapsed::after {
541 transform: rotate(0deg);
542}
543.ant-table-row-expand-icon-spaced {
544 background: transparent;
545 border: 0;
546 visibility: hidden;
547}
548.ant-table-row-expand-icon-spaced::before,
549.ant-table-row-expand-icon-spaced::after {
550 display: none;
551 content: none;
552}
553.ant-table-row-indent + .ant-table-row-expand-icon {
554 margin-top: 2.5005px;
555 margin-right: 8px;
556}
557tr.ant-table-expanded-row > td,
558tr.ant-table-expanded-row:hover > td {
559 background: #fbfbfb;
560}
561tr.ant-table-expanded-row .ant-descriptions-view {
562 display: flex;
563}
564tr.ant-table-expanded-row .ant-descriptions-view table {
565 flex: auto;
566 width: auto;
567}
568.ant-table .ant-table-expanded-row-fixed {
569 position: relative;
570 margin: -16px -16px;
571 padding: 16px 16px;
572}
573.ant-table-tbody > tr.ant-table-placeholder {
574 text-align: center;
575}
576.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder {
577 color: rgba(0, 0, 0, 0.25);
578}
579.ant-table-tbody > tr.ant-table-placeholder:hover > td {
580 background: #fff;
581}
582.ant-table-cell-fix-left,
583.ant-table-cell-fix-right {
584 position: sticky !important;
585 z-index: 2;
586 background: #fff;
587}
588.ant-table-cell-fix-left-first::after,
589.ant-table-cell-fix-left-last::after {
590 position: absolute;
591 top: 0;
592 right: 0;
593 bottom: -1px;
594 width: 30px;
595 transform: translateX(100%);
596 transition: box-shadow 0.3s;
597 content: '';
598 pointer-events: none;
599}
600.ant-table-cell-fix-right-first::after,
601.ant-table-cell-fix-right-last::after {
602 position: absolute;
603 top: 0;
604 bottom: -1px;
605 left: 0;
606 width: 30px;
607 transform: translateX(-100%);
608 transition: box-shadow 0.3s;
609 content: '';
610 pointer-events: none;
611}
612.ant-table .ant-table-container::before,
613.ant-table .ant-table-container::after {
614 position: absolute;
615 top: 0;
616 bottom: 0;
617 z-index: 1;
618 width: 30px;
619 transition: box-shadow 0.3s;
620 content: '';
621 pointer-events: none;
622}
623.ant-table .ant-table-container::before {
624 left: 0;
625}
626.ant-table .ant-table-container::after {
627 right: 0;
628}
629.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
630 position: relative;
631}
632.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
633 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
634}
635.ant-table-ping-left .ant-table-cell-fix-left-first::after,
636.ant-table-ping-left .ant-table-cell-fix-left-last::after {
637 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
638}
639.ant-table-ping-left .ant-table-cell-fix-left-last::before {
640 background-color: transparent !important;
641}
642.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
643 position: relative;
644}
645.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
646 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
647}
648.ant-table-ping-right .ant-table-cell-fix-right-first::after,
649.ant-table-ping-right .ant-table-cell-fix-right-last::after {
650 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
651}
652.ant-table-sticky-holder {
653 position: sticky;
654 z-index: 3;
655}
656.ant-table-sticky-scroll {
657 position: sticky;
658 bottom: 0;
659 z-index: 3;
660 display: flex;
661 align-items: center;
662 background: #ffffff;
663 border-top: 1px solid #f0f0f0;
664 opacity: 0.6;
665}
666.ant-table-sticky-scroll:hover {
667 transform-origin: center bottom;
668}
669.ant-table-sticky-scroll-bar {
670 height: 8px;
671 background-color: rgba(0, 0, 0, 0.35);
672 border-radius: 4px;
673}
674.ant-table-sticky-scroll-bar:hover {
675 background-color: rgba(0, 0, 0, 0.8);
676}
677.ant-table-sticky-scroll-bar-active {
678 background-color: rgba(0, 0, 0, 0.8);
679}
680@media all and (-ms-high-contrast: none) {
681 .ant-table-ping-left .ant-table-cell-fix-left-last::after {
682 box-shadow: none !important;
683 }
684 .ant-table-ping-right .ant-table-cell-fix-right-first::after {
685 box-shadow: none !important;
686 }
687}
688.ant-table {
689 /* title + table */
690 /* table */
691 /* table + footer */
692}
693.ant-table-title {
694 border-radius: 2px 2px 0 0;
695}
696.ant-table-title + .ant-table-container {
697 border-top-left-radius: 0;
698 border-top-right-radius: 0;
699}
700.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
701 border-radius: 0;
702}
703.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
704 border-radius: 0;
705}
706.ant-table-container {
707 border-top-left-radius: 2px;
708 border-top-right-radius: 2px;
709}
710.ant-table-container table > thead > tr:first-child th:first-child {
711 border-top-left-radius: 2px;
712}
713.ant-table-container table > thead > tr:first-child th:last-child {
714 border-top-right-radius: 2px;
715}
716.ant-table-footer {
717 border-radius: 0 0 2px 2px;
718}
719.ant-table-wrapper-rtl {
720 direction: rtl;
721}
722.ant-table-rtl {
723 direction: rtl;
724}
725.ant-table-wrapper-rtl .ant-table table {
726 text-align: right;
727}
728.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) {
729 text-align: center;
730}
731.ant-table-wrapper-rtl .ant-table-thead > tr > th {
732 text-align: right;
733}
734.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
735 margin: -16px 33px -16px -16px;
736}
737.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
738 justify-content: flex-end;
739}
740.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
741 justify-content: flex-start;
742}
743.ant-table-wrapper-rtl .ant-table-column-sorter {
744 margin-right: 8px;
745 margin-left: 0;
746}
747.ant-table-wrapper-rtl .ant-table-filter-column-title {
748 padding: 16px 16px 16px 2.3em;
749}
750.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
751 padding: 0 0 0 2.3em;
752}
753.ant-table-wrapper-rtl .ant-table-filter-trigger-container {
754 right: auto;
755 left: 0;
756}
757.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span,
758.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span,
759.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
760.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
761 padding-right: 8px;
762 padding-left: 0;
763}
764.ant-table-wrapper-rtl .ant-table-selection {
765 text-align: center;
766}
767.ant-table-wrapper-rtl .ant-table-row-indent {
768 float: right;
769}
770.ant-table-wrapper-rtl .ant-table-row-expand-icon {
771 float: right;
772}
773.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon {
774 margin-right: 0;
775 margin-left: 8px;
776}
777.ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
778 transform: rotate(-90deg);
779}
780.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
781 transform: rotate(180deg);
782}
783.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
784 transform: rotate(0deg);
785}