UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

1,565 lines (1,564 loc) 69.6 kB
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-table-wrapper { zoom: 1; } .ant-table-wrapper::before, .ant-table-wrapper::after { display: table; content: ''; } .ant-table-wrapper::after { clear: both; } .ant-table { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; clear: both; } .ant-table-body { transition: opacity 0.3s; } .ant-table-empty .ant-table-body { overflow-x: auto !important; overflow-y: hidden !important; } .ant-table table { width: 100%; text-align: left; border-radius: 4px 4px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-thead > tr > th { color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #e8e8e8; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan] { text-align: center; } .ant-table-thead > tr > th .anticon-filter, .ant-table-thead > tr > th .ant-table-filter-icon { position: absolute; top: 0; right: 0; width: 28px; height: 100%; color: #bfbfbf; font-size: 12px; text-align: center; cursor: pointer; transition: all 0.3s; } .ant-table-thead > tr > th .anticon-filter > svg, .ant-table-thead > tr > th .ant-table-filter-icon > svg { position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -6px; } .ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter { color: #1890ff; } .ant-table-thead > tr > th .ant-table-column-sorter { display: table-cell; vertical-align: middle; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner { height: 1em; margin-top: 0.35em; margin-left: 0.57142857em; color: #bfbfbf; line-height: 1em; text-align: center; transition: all 0.3s; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down { display: inline-block; font-size: 12px; font-size: 11px \9; transform: scale(0.91666667) rotate(0deg); display: block; height: 1em; line-height: 1em; transition: all 0.3s; } :root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up, :root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down { font-size: 12px; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on { color: #1890ff; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full { margin-top: -0.15em; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up, .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down { height: 0.5em; line-height: 0.5em; } .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down { margin-top: 0.125em; } .ant-table-thead > tr > th.ant-table-column-has-actions { position: relative; background-clip: padding-box; /* stylelint-disable-next-line */ -webkit-background-clip: border-box; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters { padding-right: 30px !important; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open, .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open { color: rgba(0, 0, 0, 0.45); background: #e5e5e5; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover, .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover { color: rgba(0, 0, 0, 0.45); background: #e5e5e5; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active, .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active { color: rgba(0, 0, 0, 0.65); } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters { cursor: pointer; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover { background: #f2f2f2; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter, .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon { background: #f2f2f2; } .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on), .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) { color: rgba(0, 0, 0, 0.45); } .ant-table-thead > tr > th .ant-table-header-column { display: inline-block; vertical-align: top; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters { display: table; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title { display: table-cell; vertical-align: middle; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) { position: relative; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: all 0.3s; content: ''; } .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before { background: rgba(0, 0, 0, 0.04); } .ant-table-thead > tr > th.ant-table-column-has-sorters { user-select: none; } .ant-table-thead > tr:first-child > th:first-child { border-top-left-radius: 4px; } .ant-table-thead > tr:first-child > th:last-child { border-top-right-radius: 4px; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #e8e8e8; transition: all 0.3s, border 0s; } .ant-table-thead > tr, .ant-table-tbody > tr { transition: all 0.3s, height 0s; } .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { background: #e6f7ff; } .ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort, .ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort { background: #fafafa; } .ant-table-thead > tr:hover.ant-table-row-selected > td, .ant-table-tbody > tr:hover.ant-table-row-selected > td { background: #fafafa; } .ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort, .ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort { background: #fafafa; } .ant-table-thead > tr:hover { background: none; } .ant-table-footer { position: relative; padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; border-top: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-table-footer::before { position: absolute; top: -1px; left: 0; width: 100%; height: 1px; background: #fafafa; content: ''; } .ant-table.ant-table-bordered .ant-table-footer { border: 1px solid #e8e8e8; } .ant-table-title { position: relative; top: 1px; padding: 16px 0; border-radius: 4px 4px 0 0; } .ant-table.ant-table-bordered .ant-table-title { padding-right: 16px; padding-left: 16px; border: 1px solid #e8e8e8; } .ant-table-title + .ant-table-content { position: relative; border-radius: 4px 4px 0 0; } .ant-table-bordered .ant-table-title + .ant-table-content, .ant-table-bordered .ant-table-title + .ant-table-content table, .ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th { border-radius: 0; } .ant-table-without-column-header .ant-table-title + .ant-table-content, .ant-table-without-column-header table { border-radius: 0; } .ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder { border-top: 1px solid #e8e8e8; border-radius: 4px; } .ant-table-tbody > tr.ant-table-row-selected td { color: inherit; background: #fafafa; } .ant-table-thead > tr > th.ant-table-column-sort { background: #f5f5f5; } .ant-table-tbody > tr > td.ant-table-column-sort { background: rgba(0, 0, 0, 0.01); } .ant-table-thead > tr > th, .ant-table-tbody > tr > td { padding: 16px 16px; } .ant-table-expand-icon-th, .ant-table-row-expand-icon-cell { width: 50px; min-width: 50px; text-align: center; } .ant-table-header { overflow: hidden; background: #fafafa; } .ant-table-header table { border-radius: 4px 4px 0 0; } .ant-table-loading { position: relative; } .ant-table-loading .ant-table-body { background: #fff; opacity: 0.5; } .ant-table-loading .ant-table-spin-holder { position: absolute; top: 50%; left: 50%; height: 20px; margin-left: -30px; line-height: 20px; } .ant-table-loading .ant-table-with-pagination { margin-top: -20px; } .ant-table-loading .ant-table-without-pagination { margin-top: 10px; } .ant-table-bordered .ant-table-header > table, .ant-table-bordered .ant-table-body > table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table { border: 1px solid #e8e8e8; border-right: 0; border-bottom: 0; } .ant-table-bordered.ant-table-empty .ant-table-placeholder { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .ant-table-bordered.ant-table-fixed-header .ant-table-header > table { border-bottom: 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-body > table { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table, .ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table { border-top: 0; } .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th { border-bottom: 1px solid #e8e8e8; } .ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody > tr > td { border-right: 1px solid #e8e8e8; } .ant-table-placeholder { position: relative; z-index: 1; margin-top: -1px; padding: 16px 16px; color: rgba(0, 0, 0, 0.25); font-size: 14px; text-align: center; background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; } .ant-table-pagination.ant-pagination { float: right; margin: 16px 0; } .ant-table-filter-dropdown { position: relative; min-width: 96px; margin-left: -8px; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-table-filter-dropdown .ant-dropdown-menu { border: 0; border-radius: 4px 4px 0 0; box-shadow: none; } .ant-table-filter-dropdown .ant-dropdown-menu-without-submenu { max-height: 400px; overflow-x: hidden; } .ant-table-filter-dropdown .ant-dropdown-menu-item > label + span { padding-right: 0; } .ant-table-filter-dropdown .ant-dropdown-menu-sub { border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after { color: #1890ff; font-weight: bold; text-shadow: 0 0 2px #bae7ff; } .ant-table-filter-dropdown .ant-dropdown-menu-item { overflow: hidden; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child, .ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title { border-radius: 0; } .ant-table-filter-dropdown-btns { padding: 7px 8px; overflow: hidden; border-top: 1px solid #e8e8e8; } .ant-table-filter-dropdown-link { color: #1890ff; } .ant-table-filter-dropdown-link:hover { color: #40a9ff; } .ant-table-filter-dropdown-link:active { color: #096dd9; } .ant-table-filter-dropdown-link.confirm { float: left; } .ant-table-filter-dropdown-link.clear { float: right; } .ant-table-selection { white-space: nowrap; } .ant-table-selection-select-all-custom { margin-right: 4px !important; } .ant-table-selection .anticon-down { color: #bfbfbf; transition: all 0.3s; } .ant-table-selection-menu { min-width: 96px; margin-top: 5px; margin-left: -30px; background: #fff; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .ant-table-selection-menu .ant-action-down { color: #bfbfbf; } .ant-table-selection-down { display: inline-block; padding: 0; line-height: 1; cursor: pointer; } .ant-table-selection-down:hover .anticon-down { color: rgba(0, 0, 0, 0.6); } .ant-table-row-expand-icon { color: #1890ff; text-decoration: none; cursor: pointer; transition: color 0.3s; display: inline-block; width: 17px; height: 17px; color: inherit; line-height: 13px; text-align: center; background: #fff; border: 1px solid #e8e8e8; border-radius: 2px; outline: none; transition: all 0.3s; user-select: none; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { color: #40a9ff; } .ant-table-row-expand-icon:active { color: #096dd9; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentColor; } .ant-table-row-expanded::after { content: '-'; } .ant-table-row-collapsed::after { content: '+'; } .ant-table-row-spaced { visibility: hidden; } .ant-table-row-spaced::after { content: '.'; } tr.ant-table-expanded-row, tr.ant-table-expanded-row:hover { background: #fbfbfb; } tr.ant-table-expanded-row td > .ant-table-wrapper { margin: -16px -16px -17px; } .ant-table .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 8px; } .ant-table-scroll { overflow: auto; overflow-x: hidden; } .ant-table-scroll table { width: auto; min-width: 100%; } .ant-table-scroll table .ant-table-fixed-columns-in-body { visibility: hidden; } .ant-table-body-inner { height: 100%; } .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body { position: relative; background: #fff; } .ant-table-fixed-header .ant-table-body-inner { overflow: scroll; } .ant-table-fixed-header .ant-table-scroll .ant-table-header { margin-bottom: -20px; padding-bottom: 20px; overflow: scroll; opacity: 0.9999; } .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { border: 1px solid #e8e8e8; border-width: 0 0 1px 0; } .ant-table-hide-scrollbar { scrollbar-color: transparent transparent; } .ant-table-hide-scrollbar::-webkit-scrollbar { background-color: transparent; } .ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar { border: 1px solid #e8e8e8; border-width: 1px 1px 1px 0; } .ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child { border-right-color: transparent; } .ant-table-fixed-left, .ant-table-fixed-right { position: absolute; top: 0; z-index: auto; overflow: hidden; border-radius: 0; transition: box-shadow 0.3s ease; } .ant-table-fixed-left table, .ant-table-fixed-right table { width: auto; background: #fff; } .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed, .ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed { border-radius: 0; } .ant-table-fixed-left { left: 0; box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); } .ant-table-fixed-left .ant-table-header { overflow-y: hidden; } .ant-table-fixed-left .ant-table-body-inner { margin-right: -20px; padding-right: 20px; } .ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner { padding-right: 0; } .ant-table-fixed-left, .ant-table-fixed-left table { border-radius: 4px 0 0 0; } .ant-table-fixed-left .ant-table-thead > tr > th:last-child { border-top-right-radius: 0; } .ant-table-fixed-right { right: 0; box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); } .ant-table-fixed-right, .ant-table-fixed-right table { border-radius: 0 4px 0 0; } .ant-table-fixed-right .ant-table-expanded-row { color: transparent; pointer-events: none; } .ant-table-fixed-right .ant-table-thead > tr > th:first-child { border-top-left-radius: 0; } .ant-table.ant-table-scroll-position-left .ant-table-fixed-left { box-shadow: none; } .ant-table.ant-table-scroll-position-right .ant-table-fixed-right { box-shadow: none; } .ant-table colgroup > col.ant-table-selection-col { width: 60px; } .ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection { margin-right: -15px; } .ant-table-thead > tr > th.ant-table-selection-column, .ant-table-tbody > tr > td.ant-table-selection-column { text-align: center; } .ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper, .ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } .ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span { display: inline-block; } /** * Another fix of Firefox: */ @supports (-moz-appearance: meterbar) { .ant-table-thead > tr > th.ant-table-column-has-actions { background-clip: padding-box; } } .ant-table-middle > .ant-table-title, .ant-table-middle > .ant-table-footer { padding: 12px 8px; } .ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td, .ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td { padding: 12px 8px; } .ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper { margin: -12px -8px -13px; } .ant-table-small { border: 1px solid #e8e8e8; border-radius: 4px; } .ant-table-small > .ant-table-title, .ant-table-small > .ant-table-footer { padding: 8px 8px; } .ant-table-small > .ant-table-title { top: 0; border-bottom: 1px solid #e8e8e8; } .ant-table-small > .ant-table-content > .ant-table-body { margin: 0 8px; } .ant-table-small > .ant-table-content > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-body > table, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table { border: 0; } .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td { padding: 8px 8px; } .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th { background-color: transparent; } .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr { border-bottom: 1px solid #e8e8e8; } .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort { background-color: rgba(0, 0, 0, 0.01); } .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table { padding: 0; } .ant-table-small > .ant-table-content .ant-table-header { background-color: #fff; } .ant-table-small > .ant-table-content .ant-table-placeholder, .ant-table-small > .ant-table-content .ant-table-row:last-child td { border-bottom: 0; } .ant-table-small.ant-table-bordered { border-right: 0; } .ant-table-small.ant-table-bordered .ant-table-title { border: 0; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-content { border-right: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-footer { border: 0; border-top: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-footer::before { display: none; } .ant-table-small.ant-table-bordered .ant-table-placeholder { border-right: 0; border-bottom: 0; border-left: 0; } .ant-table-small.ant-table-bordered .ant-table-thead > tr:only-child > th:last-child, .ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child { border-right: none; } .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child, .ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child { border-right: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-fixed-right { border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; } .ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper { margin: -8px -8px -9px; } .ant-table-scroll-position-middle .ant-table-td-right-sticky + .ant-table-td-right-sticky, .ant-table-scroll-position-left .ant-table-td-right-sticky + .ant-table-td-right-sticky { box-shadow: none; } .ant-table-scroll-position-middle .ant-table-th-right-sticky + .ant-table-th-right-sticky, .ant-table-scroll-position-left .ant-table-th-right-sticky + .ant-table-th-right-sticky { box-shadow: none; } .ant-table-scroll-position-middle table.ant-table-fixed, .ant-table-scroll-position-right table.ant-table-fixed { border-left: none; } .ant-table-th-left-sticky, .ant-table-th-right-sticky, .ant-table-td-right-sticky, .ant-table-td-left-sticky { position: sticky !important; z-index: 1; } .ant-table-td-left-sticky, .ant-table-td-right-sticky { background: #fff; } .ant-table-tbody > tr:hover > td.ant-table-td-left-sticky { background: #e6f7ff; } .ant-table-tbody > tr:hover > td.ant-table-td-right-sticky { background: #e6f7ff; } .ant-table-thead > tr > th .ant-table-column-sorters > nz-dropdown { position: static !important; } .ant-table-scroll-position-middle .ant-table-th-left-sticky, .ant-table-scroll-position-middle .ant-table-td-left-sticky { box-shadow: 6px 0 6px 0px rgba(0, 0, 0, 0.05); } .ant-table-scroll-position-middle .ant-table-th-right-sticky, .ant-table-scroll-position-middle .ant-table-td-right-sticky { box-shadow: -6px 0 6px 0px rgba(0, 0, 0, 0.05); } .ant-table-scroll-position-left .ant-table-th-right-sticky, .ant-table-scroll-position-left .ant-table-td-right-sticky { box-shadow: -6px 0 6px 0px rgba(0, 0, 0, 0.05); } .ant-table-scroll-position-right .ant-table-th-left-sticky, .ant-table-scroll-position-right .ant-table-td-left-sticky { box-shadow: 6px 0 6px 0px rgba(0, 0, 0, 0.05); } .ant-table-bordered:not(.ant-table-small).ant-table-scroll-position-middle tr > th:first-child.ant-table-th-left-sticky, .ant-table-bordered:not(.ant-table-small).ant-table-scroll-position-middle tr > td:first-child.ant-table-td-left-sticky { border-left: 1px solid #e8e8e8; } .ant-table-bordered:not(.ant-table-small).ant-table-scroll-position-middle .ant-table-th-right-sticky, .ant-table-bordered:not(.ant-table-small).ant-table-scroll-position-middle .ant-table-td-right-sticky { border-right: 1px solid #e8e8e8; } .ant-table-bordered:not(.ant-table-small).ant-table-scroll-position-left .ant-table-th-right-sticky, .ant-table-bordered:not(.ant-table-small).ant-table-scroll-position-left .ant-table-td-right-sticky { border-right: 1px solid #e8e8e8; } .ant-table-bordered:not(.ant-table-small).ant-table-scroll-position-right tr > th:first-child.ant-table-th-left-sticky, .ant-table-bordered:not(.ant-table-small).ant-table-scroll-position-right tr > td:first-child.ant-table-td-left-sticky { border-left: 1px solid #e8e8e8; } .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > .cdk-virtual-scroll-content-wrapper > table > .ant-table-thead > tr > th, .ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > .cdk-virtual-scroll-content-wrapper > table > .ant-table-tbody > tr > td { padding: 12px 8px; } .ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child { border-right: 1px solid #e8e8e8; } .ant-table-small.ant-table-bordered .ant-table-thead > tr:first-child > th:last-child { border-right: none; } .ant-table-small.ant-table-bordered .ant-table-footer { border-right: none; } .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > .cdk-virtual-scroll-content-wrapper > table { border: 0; } .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-th-left-sticky, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-th-left-sticky, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > .cdk-virtual-scroll-content-wrapper > table > .ant-table-thead > tr > th.ant-table-th-left-sticky, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-th-right-sticky, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-th-right-sticky, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > .cdk-virtual-scroll-content-wrapper > table > .ant-table-thead > tr > th.ant-table-th-right-sticky { background: #fff; } .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > .cdk-virtual-scroll-content-wrapper > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > .cdk-virtual-scroll-content-wrapper > table > .ant-table-tbody > tr > td { padding: 8px 8px; } .ant-empty { margin: 0 8px; font-size: 14px; line-height: 22px; text-align: center; } .ant-empty-image { height: 100px; margin-bottom: 8px; } .ant-empty-image img { height: 100%; } .ant-empty-image svg { height: 100%; margin: auto; } .ant-empty-description { margin: 0; } .ant-empty-footer { margin-top: 16px; } .ant-empty-normal { margin: 32px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-normal .ant-empty-image { height: 40px; } .ant-empty-small { margin: 8px 0; color: rgba(0, 0, 0, 0.25); } .ant-empty-small .ant-empty-image { height: 35px; } .ant-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; margin-right: 8px; white-space: nowrap; cursor: pointer; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: sub; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #1890ff; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; visibility: hidden; animation: antRadioEffect 0.36s ease-in-out; animation-fill-mode: both; content: ''; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 100px; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 3px; left: 3px; display: table; width: 8px; height: 8px; background-color: #1890ff; border-top: 0; border-left: 0; border-radius: 8px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio-checked .ant-radio-inner { border-color: #1890ff; } .ant-radio-checked .ant-radio-inner::after { transform: scale(1); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.65); line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.65); } .ant-radio-button-wrapper > .ant-radio-button { display: block; width: 0; height: 0; margin-left: 0; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: 0; left: -1px; display: block; width: 1px; height: 100%; background-color: #d9d9d9; content: ''; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 4px 0 0 4px; } .ant-radio-button-wrapper:last-child { border-radius: 0 4px 4px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 4px; } .ant-radio-button-wrapper:hover { position: relative; color: #1890ff; } .ant-radio-button-wrapper:focus-within { outline: 3px solid rgba(24, 144, 255, 0.06); } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type='checkbox'], .ant-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #1890ff; background: #fff; border-color: #1890ff; box-shadow: -1px 0 0 0 #1890ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #1890ff !important; opacity: 0.1; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #1890ff; box-shadow: none !important; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #40a9ff; border-color: #40a9ff; box-shadow: -1px 0 0 0 #40a9ff; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #096dd9; border-color: #096dd9; box-shadow: -1px 0 0 0 #096dd9; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { outline: 3px solid rgba(24, 144, 255, 0.06); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #1890ff; border-color: #1890ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #40a9ff; border-color: #40a9ff; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #096dd9; border-color: #096dd9; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { outline: 3px solid rgba(24, 144, 255, 0.06); } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: #fff; background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) { .ant-radio { vertical-align: text-bottom; } } @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #1890ff; } .ant-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 21%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #1890ff; border-color: #1890ff; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #1890ff; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-dropdown::before { position: absolute; top: -7px; right: 0; bottom: -7px; left: -7px; z-index: -9999; opacity: 0.0001; content: ' '; } .ant-dropdown-wrap { position: relative; } .ant-dropdown-wrap .ant-btn > .anticon-down { display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-wrap .ant-btn > .anticon-down { font-size: 12px; } .ant-dropdown-wrap .anticon-down::before { transition: transform 0.2s; } .ant-dropdown-wrap-open .anticon-down::before { transform: rotate(180deg); } .ant-dropdown-hidden, .ant-dropdown-menu-hidden { display: none; } .ant-dropdown-menu { position: relative; margin: 0; padding: 4px 0; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 4px; outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); -webkit-transform: translate3d(0, 0, 0); } .ant-dropdown-menu-item-group-title { padding: 5px 12px; color: rgba(0, 0, 0, 0.45); transition: all 0.3s; } .ant-dropdown-menu-submenu-popup { position: absolute; z-index: 1050; } .ant-dropdown-menu-submenu-popup > .ant-dropdown-menu { transform-origin: 0 0; } .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title { clear: both; margin: 0; padding: 5px 12px; color: rgba(0, 0, 0, 0.65); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; cursor: pointer; transition: all 0.3s; } .ant-dropdown-menu-item > .anticon:first-child, .ant-dropdown-menu-submenu-title > .anticon:first-child { min-width: 12px; margin-right: 8px; } .ant-dropdown-menu-item > a, .ant-dropdown-menu-submenu-title > a { display: block; margin: -5px -12px; padding: 5px 12px; color: rgba(0, 0, 0, 0.65); transition: all 0.3s; } .ant-dropdown-menu-item-selected, .ant-dropdown-menu-submenu-title-selected, .ant-dropdown-menu-item-selected > a, .ant-dropdown-menu-submenu-title-selected > a { color: #1890ff; background-color: #e6f7ff; } .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover { background-color: #e6f7ff; } .ant-dropdown-menu-item-disabled, .ant-dropdown-menu-submenu-title-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-dropdown-menu-item-disabled:hover, .ant-dropdown-menu-submenu-title-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #fff; cursor: not-allowed; } .ant-dropdown-menu-item-divider, .ant-dropdown-menu-submenu-title-divider { height: 1px; margin: 4px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow { position: absolute; right: 8px; } .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { color: rgba(0, 0, 0, 0.45); font-style: normal; display: inline-block; font-size: 12px; font-size: 10px \9; transform: scale(0.83333333) rotate(0deg); } :root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon, :root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { font-size: 12px; } .ant-dropdown-menu-submenu-title { padding-right: 26px; } .ant-dropdown-menu-submenu-vertical { position: relative; } .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {