@aplus-frontend/ui
Version:
421 lines (420 loc) • 11.8 kB
CSS
.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-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 ;
}
.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 ;
box-shadow: none ;
}
.aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
height: 30px ;
}
.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 ;
}
.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) ;
}
.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;
}