UNPKG

@aplus-frontend/ui

Version:

976 lines (975 loc) 25.3 kB
.reset-component { box-sizing: border-box; margin: 0; padding: 0; color: #182948; font-size: 12px; font-family: inherit; line-height: 18px; list-style: none; } .reset-scrollbar ::-webkit-scrollbar { width: 10px; height: 10px; } .reset-scrollbar ::-webkit-scrollbar-thumb { background-color: var(--ap-scrollbar-thumb-color-base); background-clip: content-box; border: 1px solid transparent; border-radius: 4px; } .reset-scrollbar ::-webkit-scrollbar-track, .reset-scrollbar ::-webkit-scrollbar-corner { background-color: var(--ap-table-header-bg, #f2f6f9); } .reset-scrollbar ::-webkit-scrollbar-thumb:hover, .reset-scrollbar ::-webkit-scrollbar-thumb:active { background-color: var(--ap-scrollbar-thumb-color-hover); } .clear-fix::before { display: table; content: ''; } .clear-fix::after { display: table; clear: both; content: ''; } .common-style { box-sizing: border-box; font-size: 12px; font-family: inherit; } .common-style::before, .common-style::after { box-sizing: border-box; } .aplus-ap-table-index--bordered { display: inline-flex; justify-content: center; align-items: center; width: 14px; height: 14px; color: #fff; font-size: 10px; line-height: 10px; border-radius: 7px; background-color: #979797; } .aplus-ap-column-setting-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; padding-block-end: 12px; } .aplus-ap-column-setting-wrapper .aplus-ap-table-table-header__title { box-sizing: border-box; margin: 0; padding: 0; color: #182948; font-size: 12px; font-family: inherit; line-height: 18px; list-style: none; display: inline-block; -webkit-line-clamp: unset; -webkit-box-orient: unset; overflow: unset; text-overflow: unset; word-break: unset; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ap-text-color-2); } .aplus-ap-column-setting-left { flex: 1; flex-shrink: 1; min-width: 0; padding-inline: 20px; display: flex; flex-direction: column; } .aplus-ap-column-setting-left__header { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 8px; } .aplus-ap-column-setting-left__header-tips { color: var(--ap-text-color-3); } .aplus-ap-column-setting-left__content { flex: 1; padding: 12px; overflow-y: auto; } .aplus-ap-column-setting-left__content .ant-checkbox-wrapper { max-width: 100%; display: inline-flex; align-items: center; } .aplus-ap-column-setting-left__content .ant-checkbox-wrapper > span:last-child { flex: 1; min-width: 0; } .aplus-ap-column-setting-right { width: 240px; } .aplus-select-group-header { background-color: #F2F6F9; padding: 4px 12px; border-radius: 4px; margin-bottom: 12px; margin-inline: -12px; display: flex; } .aplus-sortable-item-meta { padding: 6px 8px; margin-top: 4px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .aplus-sortable-item-meta:hover { background-color: #F1F7FF; border-radius: 2px; cursor: pointer; } .aplus-sortable-item-meta:hover .aplus-sortable-item-meta-right { display: block; } .aplus-sortable-item-meta:hover .aplus-sortable-item-meta-left__holder { color: var(--ap-color-primary) !important; } .aplus-sortable-item-meta-left { flex: 1; display: inline-flex; align-items: center; min-width: 0; } .aplus-sortable-item-meta-left__indicator { display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; margin-right: 4px; flex-shrink: 0; } .aplus-sortable-item-meta-left__label-wrapper { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aplus-sortable-item-meta-right { display: none; padding-left: 12px; } .aplus-sortable-item-meta .is-level2 { margin-left: 16px; } .aplus-sortable-item-meta-action-icon:hover { color: var(--ap-color-primary); } .aplus-sortable-item .is-hidden { display: none; } .aplus-column-setting-sorter { display: flex; flex-direction: column; height: 100%; } .aplus-column-setting-sorter-section-title { font-size: 12px; line-height: 20px; color: var(--ap-text-color-3); padding: 2px 8px; margin: 4px; } .aplus-column-setting-sorter-header { padding: 12px 20px; } .aplus-column-setting-sorter-header-title { box-sizing: border-box; margin: 0; padding: 0; color: #182948; font-size: 12px; font-family: inherit; line-height: 18px; list-style: none; font-weight: bold; color: var(--ap-text-color-2); } .aplus-column-setting-sorter-content { flex: 1; overflow-y: auto; padding: 8px 12px 0px 8px; } .aplus-ap-table-paragraph-ellipsis { display: flex; align-items: center; overflow: hidden; } .aplus-ap-table-paragraph-ellipsis-content { flex: 1; min-width: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: var(--ap-table-paragraph-ellipsis-rows); line-clamp: var(--ap-table-paragraph-ellipsis-rows); word-break: break-all; } .aplus-ap-table-paragraph-ellipsis-content > * { width: 100%; } .aplus-ap-table-paragraph-ellipsis-copyable { flex-shrink: 0; margin-left: 8px; cursor: pointer; color: var(--ap-color-link); } .aplus-ap-form-item-group .ant-form-item-control .ant-picker { display: flex; } .aplus-ap-form-item-group .ant-form-item-control .ant-input-number { width: 100%; } .aplus-ap-form-item-group-col-hidden { display: none !important; } .aplus-ap-form-item--bordered { box-sizing: border-box; border: 1px solid var(--ap-border-color-base); border-radius: 4px; padding-inline: 8px; } .aplus-ap-form-item--bordered .ant-input-affix-wrapper { padding: 0; } .aplus-ap-form-item--bordered:has(.aplus-batch-input-group):has(.ant-select) .ant-input-affix-wrapper { padding-right: 8px; } .aplus-ap-form-item--bordered:has(textarea.ant-input) { padding-inline-end: 0; } .aplus-ap-form-item--bordered:has(textarea.ant-input) .ant-input { padding-inline-start: 0; } .aplus-ap-form-item--bordered .ant-picker { padding: 0; } .aplus-ap-form-item--bordered .ant-form-item-control-input-content > .ant-input-group > .ant-picker-range:nth-child(1) .ant-picker-clear { inset-inline-end: 0; } .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input { padding-left: 8px; } .aplus-ap-form-item--bordered .ant-select-selector { border-width: 0 !important; box-shadow: none !important; } .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector { height: 30px !important; } .aplus-ap-form-item--bordered:has(.ant-input-number) { padding-right: 0; } .aplus-ap-form-item--bordered:has(.ant-select) { padding-right: 0px; } .aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label { padding-right: 4px; } .aplus-ap-form-item--bordered div.ant-form-item-control { flex: 1 1 0; min-width: 0; } .aplus-ap-form-item--bordered .ant-form-item-label > label { padding-right: 12px; height: 30px; } .aplus-ap-form-item--bordered .ant-form-item-label > label::after { margin: 0; } .aplus-ap-form-item--bordered .ant-form-item-control-input { min-height: 30px; } .aplus-ap-form-item--bordered .ant-form-item-control-input .ant-select-single { height: unset; } .aplus-ap-form-item--bordered:hover { border-color: var(--ap-hover-color-base); } .aplus-ap-form-item--bordered:focus { border-color: var(--ap-active-color-base); box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1)); } .aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover { width: calc(100% + 12px); } .aplus-ap-form-item--disabled { background-color: var(--color-bg-container-disabled); } .aplus-ap-form-item--disabled .ant-select-selector { background: transparent !important; } .aplus-ap-form-item--focused { border-color: var(--ap-active-color-base); box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1)); } .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error { font-size: 12px; line-height: 16px; } .aplus-ap-form-item .ant-col .ant-form-item-extra { line-height: 22px; min-height: unset; margin-top: 4px; margin-bottom: 12px; } .aplus-ap-form-item .ant-input-group .ant-picker:only-child { width: 100%; } .aplus-ap-form-item .ant-input-group .ant-select + .ant-picker { padding-inline: 8px; flex: 1; } .aplus-ap-form-drawer-form__resize-bar { width: 4px; cursor: ew-resize; position: absolute; top: 0; left: 0; bottom: 0; z-index: 100; background-color: transparent; } .aplus-ap-form-drawer-form__resize-bar--min-disabled { cursor: w-resize; } .aplus-ap-form-drawer-form__resize-bar--max-disabled { cursor: e-resize; } .aplus-ap-form-modal-form .ant-modal-content { padding: 0; } .aplus-ap-form-modal-form .ant-modal-header { padding: 15px 20px; border-bottom: 1px solid #E9EDF3; margin-bottom: 0; } .aplus-ap-form-modal-form__content { padding: 20px 20px 0px; } .aplus-ap-form-modal-form__footer { padding: 12px 20px; } .aplus-ap-form-modal-form__footer-admin { border-top: 1px solid #E9EDF3; } .aplus-ap-form-modal-form .ant-modal-close { top: 16px; } .aplus-search-form-sorter-content { width: 560px; } .aplus-search-form-sorter-header { padding: 16px 16px 0px; } .aplus-search-form-sorter-header-title { box-sizing: border-box; margin: 0; padding: 0; color: #182948; font-size: 12px; font-family: inherit; line-height: 18px; list-style: none; color: var(--ap-text-color-2); font-size: 14px; font-weight: 700; display: inline-block; padding-bottom: 4px; } .aplus-search-form-sorter-header-desc { box-sizing: border-box; margin: 0; padding: 0; color: #182948; font-size: 12px; font-family: inherit; line-height: 18px; list-style: none; color: var(--ap-text-color-3); } .aplus-search-form-sorter-header-action-wrapper { padding: 8px; margin: -8px; cursor: pointer; } .aplus-search-form-sorter-header-reset-btn { box-sizing: border-box; margin: 0; padding: 0; color: #182948; font-size: 12px; font-family: inherit; line-height: 18px; list-style: none; color: var(--ap-color-link); } .aplus-search-form-sorter-sorter-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -4px; margin-right: -4px; row-gap: 8px; } .aplus-search-form-sorter-sorter-item { flex: 0 0 33.333333%; max-width: 33.333333%; padding-inline: 4px; } .aplus-search-form-sorter-sorter-item > div { border: 1px solid var(--ap-color-bg); border-radius: 4px; padding: 8px; display: flex; align-items: center; background-color: #fff; } .aplus-search-form-sorter-sorter-item > div:hover { border-color: var(--ap-color-primary); cursor: pointer; } .aplus-search-form-sorter-sorter-item > div:hover .aplus-search-form-sorter-sorter-item-holder { color: var(--ap-color-primary) !important; } .aplus-search-form-sorter-sorter-item--hidden { display: none; } .aplus-search-form-sorter-sorter-item-text { box-sizing: border-box; margin: 0; padding: 0; color: #182948; font-size: 12px; font-family: inherit; line-height: 18px; list-style: none; padding-left: 4px; color: var(--ap-text-color-2); max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aplus-ap-form-search-form .ant-form-item { margin-bottom: 8px; } .aplus-ap-form-search-form .ant-form-item-control .ant-picker { display: flex; } .aplus-ap-form-search-form .ant-form-item-control .ant-input-number { width: 100%; } .aplus-ap-form-search-form__popover .ant-form-item { margin-bottom: 8px; } .aplus-ap-form-search-form__popover .ant-popover-arrow { display: none; } .aplus-ap-form-search-form__popover .ant-popover-inner { padding: 0; } .aplus-ap-form-search-form__popover-content { padding: 12px 16px 16px; } .aplus-ap-form-search-form__popover-content textarea { padding: 0; } .aplus-ap-form-search-form__popover-footer { padding: 12px 16px; } .aplus-ap-form-search-form__popover-footer-confirm-btn { margin-left: 10px; } .aplus-ap-form-search-form__popover-footer button.ant-btn { padding-inline: 16px; } .aplus-ap-form-search-form-trigger-btn { font-size: 0px; } .aplus-ap-form-search-form-trigger-btn-active { color: var(--ap-hover-color-base); border-color: var(--ap-hover-color-base); z-index: 1; } .aplus-ap-form-search-form-trigger-btn-badge { display: inline-block; padding: 2px; min-width: 14px; height: 14px; background-color: var(--ap-color-primary); font-size: 10px; line-height: 1; border-radius: 7px; color: #fff; position: absolute; top: 0; left: 0; transform: translate(-50%, -50%); box-shadow: 0 0 0 1px #fff; } .aplus-ap-form-search-form-column-setting-trigger-wrapper { flex-shrink: 0; } .aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):first-child { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):first-child:hover { z-index: 1; } .aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):last-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: -1px; } .aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):last-child:hover { z-index: 1; } .aplus-ap-form-search-form-column-setting-trigger-wrapper span.aplus-frontend-icon { line-height: 0px; vertical-align: -0.125em; } .aplus-ap-form-search-form-action-btn { padding-inline: 12px; } .aplus-ap-form-search-form-action-btn-reset { background-color: var(--ap-color-bg); } .aplus-ap-form-item-text-group-compact .ant-select-focused { z-index: 1; } .aplus-ap-form-item-text-group-compact .ant-select:hover { z-index: 1; } .aplus-ap-form-item-text-group-compact .ant-picker-focused { z-index: 1; } .aplus-ap-form-item-text-group-compact .ant-picker:hover { z-index: 1; } .aplus-ap-form-item-text-group-compact .ant-input-number-focused { z-index: 1; } .aplus-ap-form-item-text-group-compact .ant-input-number:hover { z-index: 1; } .aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > :first-child, .aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector { border-start-end-radius: 0; border-end-end-radius: 0; } .aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > .ant-input-group > :last-child, .aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector { border-start-end-radius: 0; border-end-end-radius: 0; } .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child, .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector { border-start-start-radius: 0; border-end-start-radius: 0; } .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > .ant-input-group > :first-child, .aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector { border-start-start-radius: 0; border-end-start-radius: 0; } .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child, .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector { border-radius: 0; } .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > .ant-input-group > *, .aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector { border-radius: 0; } .aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child { border-radius: 0; } .ant-form-vertical .ant-input-group.ant-input-group-compact > * { vertical-align: bottom; } .aplus-field-checkbox--vertical { display: inline-block; } .aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) { display: flex; margin-block-end: 12px; } .aplus-field-checkbox .ant-checkbox-disabled + span { color: unset; } .aplus-field-number-label-left { padding-right: 4px; } .aplus-field-number-label-right { padding-left: 4px; } .aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) { display: flex; margin-block-end: 12px; } .aplus-field-radio .ant-radio-wrapper-disabled { color: unset; } .aplus-field-text-area { white-space: pre-wrap; word-wrap: break-word; word-break: break-all; } .aplus-action-item { box-sizing: border-box; margin: 0; padding: 0; color: #182948; font-size: 12px; font-family: inherit; line-height: 18px; list-style: none; display: inline-block; cursor: pointer; } .aplus-action-item--primary { color: var(--ap-color-link); } .aplus-action-item--primary:not(.aplus-action-item--disabled):hover { color: var(--ap-color-link-hover); } .aplus-action-item--success { color: var(--ap-color-success); } .aplus-action-item--error { color: var(--ap-color-error); } .aplus-action-item--warn { color: var(--ap-color-warn); } .aplus-action-item--loading { opacity: 0.35; transition: opacity 0.2s; cursor: default; } .aplus-action-item--loading .btn-loading-icon { margin-right: 4px; } .aplus-action-item--disabled { cursor: not-allowed; } .aplus-action-item--primary.aplus-action-item--disabled { color: var(--ap-color-link-disabled); } .aplus-action-item--success.aplus-action-item--disabled { color: var(--ap-color-success-disabled); } .aplus-action-item--error.aplus-action-item--disabled { color: var(--ap-color-error-disabled); } .aplus-action-item--warn.aplus-action-item--disabled { color: var(--ap-color-warn-disabled); } .aplus-action-item__icon-wrapper { padding-right: 4px; } .aplus-action-item--icon-first .aplus-action-item__icon-wrapper { padding-right: 0; } .aplus-action-item-dropdown__item .aplus-action-item { width: 100%; } .aplus-action-item-dropdown__wrapper { display: inline-flex; flex-direction: row; align-items: center; } .aplus-action-item-dropdown__icon { color: #0070ff; margin-left: 2px; font-size: 12px; display: inline-flex; } .aplus-scroll-bar { position: relative; } .aplus-scroll-bar--horizontal { width: 100%; height: var(--aplus-scroll-bar-track-width, 10px); } .aplus-scroll-bar--vertical { width: var(--aplus-scroll-bar-track-width, 10px); height: 100%; } .aplus-scroll-bar__track { position: absolute; width: 100%; height: 100%; top: 0; inset-inline-start: 0; cursor: pointer; background-color: var(--aplus-scroll-bar-track-color, #F2F2F2); } .aplus-scroll-bar__track--disabled { pointer-events: none; background-color: #FAFAFA; } .aplus-scroll-bar__track--hidden { pointer-events: none; background-color: transparent; } .aplus-scroll-bar__bar { position: absolute; border-radius: var(--aplus-scroll-bar-bar-width, 8px); background-color: var(--aplus-scroll-bar-bar-color, #c7c8cc); cursor: pointer; } .aplus-scroll-bar__bar--disabled { pointer-events: none; box-shadow: none; } .aplus-scroll-bar__bar--horizontal { height: var(--aplus-scroll-bar-bar-width, 8px); top: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2); } .aplus-scroll-bar__bar--vertical { width: var(--aplus-scroll-bar-bar-width, 8px); left: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2); } .aplus-ap-table ::-webkit-scrollbar { width: 10px; height: 10px; } .aplus-ap-table ::-webkit-scrollbar-thumb { background-color: var(--ap-scrollbar-thumb-color-base); background-clip: content-box; border: 1px solid transparent; border-radius: 4px; } .aplus-ap-table ::-webkit-scrollbar-track, .aplus-ap-table ::-webkit-scrollbar-corner { background-color: var(--ap-table-header-bg, #f2f6f9); } .aplus-ap-table ::-webkit-scrollbar-thumb:hover, .aplus-ap-table ::-webkit-scrollbar-thumb:active { background-color: var(--ap-scrollbar-thumb-color-hover); } .aplus-ap-table-wrapper { padding: 8px; background-color: #fff; } .aplus-ap-table-wrapper:has(.ant-pagination) { padding-bottom: 0; } .aplus-ap-table-adaptive { height: 100%; display: flex; flex-direction: column; } .aplus-ap-table-adaptive .ant-table-wrapper { flex: 1; } .aplus-ap-table-adaptive .ant-spin-nested-loading, .aplus-ap-table-adaptive .ant-spin-container { height: 100%; } .aplus-ap-table-adaptive .ant-spin-container { display: flex; flex-direction: column; } .aplus-ap-table-adaptive .ant-table { flex: 1; } .aplus-ap-table-adaptive .ant-table-container, .aplus-ap-table-adaptive .ant-table-content { height: 100%; } .aplus-ap-table-adaptive .ant-table-content > table { height: 100%; } .aplus-ap-table__search-wrapper { padding: 8px; padding-bottom: 0; background-color: #fff; margin-bottom: 10px; border-radius: 4px; } .aplus-ap-table__table-wrapper { flex: 1; max-height: 100%; display: flex; flex-direction: column; } .aplus-ap-table__table-wrapper-card { padding: 8px; border-radius: 4px; background-color: #fff; overflow: hidden; } .aplus-ap-table__table-wrapper-card:has(.ant-pagination) { padding-bottom: 0; } .aplus-ap-table-table ul.ant-table-pagination.ant-pagination { margin-block: 8px; align-items: center; } .aplus-ap-table-table ul.ant-table-pagination.ant-pagination .ant-pagination-total-text { flex: 1; height: unset; line-height: 18px; display: flex; align-items: center; } .aplus-ap-table-table tr > th.ant-table-cell { background-color: var(--ap-table-header-bg, #F2F6F9); } .aplus-ap-table-table tr > th.ant-table-cell::before { background-color: #D8DDE5 !important; } .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column) { padding: 9px 12px; } .aplus-ap-table .ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) { padding: 9px 12px; } .aplus-ap-table .ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column) { padding: 6px 9px; } .aplus-ap-table .ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) { padding: 6px 9px; } .aplus-ap-table .ant-table-placeholder .ant-table-expanded-row-fixed::after { border-inline-end-width: 0px !important; } .aplus-ap-table .ant-table-column-sorters { justify-content: unset; display: inline-flex; } .aplus-ap-table .ant-table-column-sorters .ant-table-column-title { flex: unset; } .aplus-ap-table .ant-table-filter-column { justify-content: unset; display: inline-flex; } .aplus-ap-table .ant-table-filter-column .ant-table-column-title { flex: unset; } .aplus-ap-table .ant-table-filter-column .ant-table-filter-trigger { margin-left: 2px; padding-left: 2px; } .aplus-ap-table .ant-table-cell .ant-typography { margin-bottom: 0; } .aplus-ap-table-pagination-count-text { color: var(--ap-text-color-2); } .aplus-ap-table-pagination--total-right { padding-left: 12px; } .aplus-ap-table-pagination-total-wrapper { color: var(--ap-text-color-1); } .aplus-ap-table-header { padding-bottom: 8px; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; } .aplus-ap-table-header__title { flex: 1; flex-shrink: 1; min-width: 0; } .aplus-ap-table-table-header__title { display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-width: 100%; vertical-align: middle; word-break: break-all; flex: 1; } .aplus-ap-table-setting-trigger-button { color: var(--ap-text-color-3); } .aplus-ap-table-setting-trigger-button:hover { color: unset; } .aplus-ap-table--sticky-relative .ant-table-container > div:last-child { margin-bottom: calc(var(--aplus-ap-table-scroll-bar-width) * -1); clip-path: inset(0 0 var(--aplus-ap-table-scroll-bar-width) 0); } .aplus-ap-table--sticky-absolute .ant-table-container > div:last-child { padding-bottom: 15px; margin-bottom: -15px; clip-path: inset(0 0 15px 0); } .aplus-ap-table-modal--table-layout { display: flex; justify-content: space-between; height: 100%; } .aplus-ap-table-modal--table-layout.complex-layout { height: 100%; position: relative; } .aplus-ap-table-modal--table-layout-left { flex: 1; min-width: 0px; padding-right: 20px; box-sizing: border-box; display: flex; flex-direction: column; } .aplus-ap-table-modal--table-layout-left-content { flex: 1; } .aplus-ap-table-modal--table-layout-left-content .ant-table-body { height: 100%; } .aplus-ap-table-modal--table-layout-right { max-height: 643px; width: 410px; padding-left: 20px; position: relative; display: flex; flex-direction: column; } .aplus-ap-table-modal--table-layout-right-content { flex: 1; overflow-y: auto; } .aplus-ap-table-modal--table-layout-right::before { content: ''; height: calc(100% + 16px); width: 1px; background-color: #dee4ed; position: absolute; left: 0px; top: -16px; }