2303 lines
66 KiB
CSS
2303 lines
66 KiB
CSS
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
|
|
/* stylelint-disable no-duplicate-selectors */
|
|
@keyframes ant-tree-node-fx-do-not-use {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes antCheckboxEffect {
|
|
0% {
|
|
transform: scale(1);
|
|
opacity: 0.5;
|
|
}
|
|
100% {
|
|
transform: scale(1.6);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.ant-select-tree-checkbox {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
position: relative;
|
|
top: 0.2em;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
|
|
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
|
|
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.ant-select-tree-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-select-tree-checkbox:hover::after,
|
|
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
|
|
visibility: visible;
|
|
}
|
|
.ant-select-tree-checkbox-inner {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
direction: ltr;
|
|
background-color: #fff;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 2px;
|
|
border-collapse: separate;
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-select-tree-checkbox-inner::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 21.5%;
|
|
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-select-tree-checkbox-input {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
}
|
|
.ant-select-tree-checkbox-checked .ant-select-tree-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-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.ant-select-tree-checkbox-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
animation-name: none;
|
|
}
|
|
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
|
|
background-color: #f5f5f5;
|
|
border-color: #d9d9d9 !important;
|
|
}
|
|
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
|
|
border-color: #f5f5f5;
|
|
border-collapse: separate;
|
|
animation-name: none;
|
|
}
|
|
.ant-select-tree-checkbox-disabled + span {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-tree-checkbox-disabled:hover::after,
|
|
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
|
|
visibility: hidden;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
display: inline-flex;
|
|
align-items: baseline;
|
|
line-height: unset;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper::after {
|
|
display: inline-block;
|
|
width: 0;
|
|
overflow: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
|
|
margin-left: 8px;
|
|
}
|
|
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.ant-select-tree-checkbox + span {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.ant-select-tree-checkbox-group {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
display: inline-block;
|
|
}
|
|
.ant-select-tree-checkbox-group-item {
|
|
margin-right: 8px;
|
|
}
|
|
.ant-select-tree-checkbox-group-item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
|
|
margin-left: 0;
|
|
}
|
|
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
|
|
background-color: #fff;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-select-tree-checkbox-indeterminate .ant-select-tree-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-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-tree-select-dropdown {
|
|
padding: 8px 4px;
|
|
}
|
|
.ant-tree-select-dropdown-rtl {
|
|
direction: rtl;
|
|
}
|
|
.ant-tree-select-dropdown .ant-select-tree {
|
|
border-radius: 0;
|
|
}
|
|
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
|
|
align-items: stretch;
|
|
}
|
|
.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
|
|
flex: auto;
|
|
}
|
|
.ant-select-tree {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
background: #fff;
|
|
border-radius: 2px;
|
|
transition: background-color 0.3s;
|
|
}
|
|
.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
|
|
background: #e6f7ff;
|
|
}
|
|
.ant-select-tree-list-holder-inner {
|
|
align-items: flex-start;
|
|
}
|
|
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
|
|
align-items: stretch;
|
|
}
|
|
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
|
|
flex: auto;
|
|
}
|
|
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
|
|
position: relative;
|
|
}
|
|
.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 4px;
|
|
left: 0;
|
|
border: 1px solid #1890ff;
|
|
opacity: 0;
|
|
animation: ant-tree-node-fx-do-not-use 0.3s;
|
|
animation-play-state: running;
|
|
animation-fill-mode: forwards;
|
|
content: '';
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding: 0 0 4px 0;
|
|
outline: none;
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
|
|
background: transparent;
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
|
|
background: #f5f5f5;
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
|
|
color: inherit;
|
|
font-weight: 500;
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
|
|
width: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
visibility: visible;
|
|
opacity: 0.2;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
|
|
opacity: 0.45;
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon {
|
|
visibility: hidden;
|
|
}
|
|
.ant-select-tree-indent {
|
|
align-self: stretch;
|
|
white-space: nowrap;
|
|
user-select: none;
|
|
}
|
|
.ant-select-tree-indent-unit {
|
|
display: inline-block;
|
|
width: 24px;
|
|
}
|
|
.ant-select-tree-draggable-icon {
|
|
visibility: hidden;
|
|
}
|
|
.ant-select-tree-switcher {
|
|
position: relative;
|
|
flex: none;
|
|
align-self: stretch;
|
|
width: 24px;
|
|
margin: 0;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
.ant-select-tree-switcher .ant-tree-switcher-icon,
|
|
.ant-select-tree-switcher .ant-select-tree-switcher-icon {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
vertical-align: baseline;
|
|
}
|
|
.ant-select-tree-switcher .ant-tree-switcher-icon svg,
|
|
.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
|
|
transition: transform 0.3s;
|
|
}
|
|
.ant-select-tree-switcher-noop {
|
|
cursor: default;
|
|
}
|
|
.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
|
|
transform: rotate(-90deg);
|
|
}
|
|
.ant-select-tree-switcher-loading-icon {
|
|
color: #1890ff;
|
|
}
|
|
.ant-select-tree-switcher-leaf-line {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ant-select-tree-switcher-leaf-line::before {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 12px;
|
|
bottom: -4px;
|
|
margin-left: -1px;
|
|
border-right: 1px solid #d9d9d9;
|
|
content: ' ';
|
|
}
|
|
.ant-select-tree-switcher-leaf-line::after {
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 14px;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
content: ' ';
|
|
}
|
|
.ant-select-tree-checkbox {
|
|
top: initial;
|
|
margin: 4px 8px 0 0;
|
|
}
|
|
.ant-select-tree .ant-select-tree-node-content-wrapper {
|
|
position: relative;
|
|
z-index: auto;
|
|
min-height: 24px;
|
|
margin: 0;
|
|
padding: 0 4px;
|
|
color: inherit;
|
|
line-height: 24px;
|
|
background: transparent;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
|
|
}
|
|
.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
|
|
background-color: #bae7ff;
|
|
}
|
|
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
|
|
display: inline-block;
|
|
width: 24px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
|
|
display: none;
|
|
}
|
|
.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
|
|
background-color: transparent;
|
|
}
|
|
.ant-select-tree-node-content-wrapper {
|
|
line-height: 24px;
|
|
user-select: none;
|
|
}
|
|
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
|
|
position: absolute;
|
|
z-index: 1;
|
|
height: 2px;
|
|
background-color: #1890ff;
|
|
border-radius: 1px;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
|
|
position: absolute;
|
|
top: -3px;
|
|
left: -6px;
|
|
width: 8px;
|
|
height: 8px;
|
|
background-color: transparent;
|
|
border: 2px solid #1890ff;
|
|
border-radius: 50%;
|
|
content: '';
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
|
|
box-shadow: 0 0 0 2px #1890ff;
|
|
}
|
|
.ant-select-tree-show-line .ant-select-tree-indent-unit {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 12px;
|
|
bottom: -4px;
|
|
border-right: 1px solid #d9d9d9;
|
|
content: '';
|
|
}
|
|
.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
|
|
display: none;
|
|
}
|
|
.ant-select-tree-show-line .ant-select-tree-switcher {
|
|
background: #fff;
|
|
}
|
|
.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
|
|
vertical-align: -0.15em;
|
|
}
|
|
.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
|
|
top: auto !important;
|
|
bottom: auto !important;
|
|
height: 14px !important;
|
|
}
|
|
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
|
|
transform: rotate(90deg);
|
|
}
|
|
.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
|
|
transform: scaleY(-1);
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode {
|
|
position: relative;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode::before {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 4px;
|
|
left: 0;
|
|
transition: background-color 0.3s;
|
|
content: '';
|
|
pointer-events: none;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
|
|
background: #f5f5f5;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode > * {
|
|
z-index: 1;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
|
|
transition: color 0.3s;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
|
|
border-radius: 0;
|
|
user-select: none;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
|
|
background: transparent;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
|
|
color: #fff;
|
|
background: transparent;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
|
|
background: #1890ff;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
|
|
color: #fff;
|
|
}
|
|
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
|
|
color: #fff;
|
|
background: transparent;
|
|
}
|
|
.ant-tree-checkbox {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
position: relative;
|
|
top: 0.2em;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
|
|
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
|
|
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
|
|
border-color: #1890ff;
|
|
}
|
|
.ant-tree-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-tree-checkbox:hover::after,
|
|
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
|
|
visibility: visible;
|
|
}
|
|
.ant-tree-checkbox-inner {
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
direction: ltr;
|
|
background-color: #fff;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 2px;
|
|
border-collapse: separate;
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-tree-checkbox-inner::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 21.5%;
|
|
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-tree-checkbox-input {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
}
|
|
.ant-tree-checkbox-checked .ant-tree-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-tree-checkbox-checked .ant-tree-checkbox-inner {
|
|
background-color: #1890ff;
|
|
border-color: #1890ff;
|
|
}
|
|
.ant-tree-checkbox-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
animation-name: none;
|
|
}
|
|
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
|
|
cursor: not-allowed;
|
|
pointer-events: none;
|
|
}
|
|
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
|
|
background-color: #f5f5f5;
|
|
border-color: #d9d9d9 !important;
|
|
}
|
|
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
|
|
border-color: #f5f5f5;
|
|
border-collapse: separate;
|
|
animation-name: none;
|
|
}
|
|
.ant-tree-checkbox-disabled + span {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-tree-checkbox-disabled:hover::after,
|
|
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
|
|
visibility: hidden;
|
|
}
|
|
.ant-tree-checkbox-wrapper {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
display: inline-flex;
|
|
align-items: baseline;
|
|
line-height: unset;
|
|
cursor: pointer;
|
|
}
|
|
.ant-tree-checkbox-wrapper::after {
|
|
display: inline-block;
|
|
width: 0;
|
|
overflow: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
|
|
margin-left: 8px;
|
|
}
|
|
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
.ant-tree-checkbox + span {
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
.ant-tree-checkbox-group {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
display: inline-block;
|
|
}
|
|
.ant-tree-checkbox-group-item {
|
|
margin-right: 8px;
|
|
}
|
|
.ant-tree-checkbox-group-item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
|
|
margin-left: 0;
|
|
}
|
|
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
|
|
background-color: #fff;
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-tree-checkbox-indeterminate .ant-tree-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-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-tree {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
background: #fff;
|
|
border-radius: 2px;
|
|
transition: background-color 0.3s;
|
|
}
|
|
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
|
|
background: #e6f7ff;
|
|
}
|
|
.ant-tree-list-holder-inner {
|
|
align-items: flex-start;
|
|
}
|
|
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
|
|
align-items: stretch;
|
|
}
|
|
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
|
|
flex: auto;
|
|
}
|
|
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging {
|
|
position: relative;
|
|
}
|
|
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 4px;
|
|
left: 0;
|
|
border: 1px solid #1890ff;
|
|
opacity: 0;
|
|
animation: ant-tree-node-fx-do-not-use 0.3s;
|
|
animation-play-state: running;
|
|
animation-fill-mode: forwards;
|
|
content: '';
|
|
pointer-events: none;
|
|
}
|
|
.ant-tree .ant-tree-treenode {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding: 0 0 4px 0;
|
|
outline: none;
|
|
}
|
|
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
|
|
background: transparent;
|
|
}
|
|
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
|
|
background: #f5f5f5;
|
|
}
|
|
.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
|
|
color: inherit;
|
|
font-weight: 500;
|
|
}
|
|
.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
|
|
width: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
visibility: visible;
|
|
opacity: 0.2;
|
|
transition: opacity 0.3s;
|
|
}
|
|
.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon {
|
|
opacity: 0.45;
|
|
}
|
|
.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon {
|
|
visibility: hidden;
|
|
}
|
|
.ant-tree-indent {
|
|
align-self: stretch;
|
|
white-space: nowrap;
|
|
user-select: none;
|
|
}
|
|
.ant-tree-indent-unit {
|
|
display: inline-block;
|
|
width: 24px;
|
|
}
|
|
.ant-tree-draggable-icon {
|
|
visibility: hidden;
|
|
}
|
|
.ant-tree-switcher {
|
|
position: relative;
|
|
flex: none;
|
|
align-self: stretch;
|
|
width: 24px;
|
|
margin: 0;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
.ant-tree-switcher .ant-tree-switcher-icon,
|
|
.ant-tree-switcher .ant-select-tree-switcher-icon {
|
|
display: inline-block;
|
|
font-size: 10px;
|
|
vertical-align: baseline;
|
|
}
|
|
.ant-tree-switcher .ant-tree-switcher-icon svg,
|
|
.ant-tree-switcher .ant-select-tree-switcher-icon svg {
|
|
transition: transform 0.3s;
|
|
}
|
|
.ant-tree-switcher-noop {
|
|
cursor: default;
|
|
}
|
|
.ant-tree-switcher_close .ant-tree-switcher-icon svg {
|
|
transform: rotate(-90deg);
|
|
}
|
|
.ant-tree-switcher-loading-icon {
|
|
color: #1890ff;
|
|
}
|
|
.ant-tree-switcher-leaf-line {
|
|
position: relative;
|
|
z-index: 1;
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ant-tree-switcher-leaf-line::before {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 12px;
|
|
bottom: -4px;
|
|
margin-left: -1px;
|
|
border-right: 1px solid #d9d9d9;
|
|
content: ' ';
|
|
}
|
|
.ant-tree-switcher-leaf-line::after {
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 14px;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
content: ' ';
|
|
}
|
|
.ant-tree-checkbox {
|
|
top: initial;
|
|
margin: 4px 8px 0 0;
|
|
}
|
|
.ant-tree .ant-tree-node-content-wrapper {
|
|
position: relative;
|
|
z-index: auto;
|
|
min-height: 24px;
|
|
margin: 0;
|
|
padding: 0 4px;
|
|
color: inherit;
|
|
line-height: 24px;
|
|
background: transparent;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
|
|
}
|
|
.ant-tree .ant-tree-node-content-wrapper:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
|
|
background-color: #bae7ff;
|
|
}
|
|
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
|
|
display: inline-block;
|
|
width: 24px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
|
|
display: none;
|
|
}
|
|
.ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
|
|
background-color: transparent;
|
|
}
|
|
.ant-tree-node-content-wrapper {
|
|
line-height: 24px;
|
|
user-select: none;
|
|
}
|
|
.ant-tree-node-content-wrapper .ant-tree-drop-indicator {
|
|
position: absolute;
|
|
z-index: 1;
|
|
height: 2px;
|
|
background-color: #1890ff;
|
|
border-radius: 1px;
|
|
pointer-events: none;
|
|
}
|
|
.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after {
|
|
position: absolute;
|
|
top: -3px;
|
|
left: -6px;
|
|
width: 8px;
|
|
height: 8px;
|
|
background-color: transparent;
|
|
border: 2px solid #1890ff;
|
|
border-radius: 50%;
|
|
content: '';
|
|
}
|
|
.ant-tree .ant-tree-treenode.drop-container > [draggable] {
|
|
box-shadow: 0 0 0 2px #1890ff;
|
|
}
|
|
.ant-tree-show-line .ant-tree-indent-unit {
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.ant-tree-show-line .ant-tree-indent-unit::before {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 12px;
|
|
bottom: -4px;
|
|
border-right: 1px solid #d9d9d9;
|
|
content: '';
|
|
}
|
|
.ant-tree-show-line .ant-tree-indent-unit-end::before {
|
|
display: none;
|
|
}
|
|
.ant-tree-show-line .ant-tree-switcher {
|
|
background: #fff;
|
|
}
|
|
.ant-tree-show-line .ant-tree-switcher-line-icon {
|
|
vertical-align: -0.15em;
|
|
}
|
|
.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
|
|
top: auto !important;
|
|
bottom: auto !important;
|
|
height: 14px !important;
|
|
}
|
|
.ant-tree-rtl {
|
|
direction: rtl;
|
|
}
|
|
.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
|
|
right: -6px;
|
|
left: unset;
|
|
}
|
|
.ant-tree .ant-tree-treenode-rtl {
|
|
direction: rtl;
|
|
}
|
|
.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
|
|
transform: rotate(90deg);
|
|
}
|
|
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
|
|
right: auto;
|
|
left: -13px;
|
|
border-right: none;
|
|
border-left: 1px solid #d9d9d9;
|
|
}
|
|
.ant-tree-rtl .ant-tree-checkbox {
|
|
margin: 4px 0 0 8px;
|
|
}
|
|
.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
|
|
margin: 4px 0 0 8px;
|
|
}
|
|
/*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
|
|
*/
|
|
.font-highlight {
|
|
color: #ff4d4f;
|
|
}
|
|
.ant-tree-child-tree {
|
|
overflow: hidden;
|
|
}
|
|
nz-tree {
|
|
display: block;
|
|
}
|
|
.ant-select-single.ant-select {
|
|
height: 32px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-select-single.ant-select .ant-select-selector {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-wrap::after {
|
|
line-height: 30px;
|
|
}
|
|
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-search {
|
|
position: absolute;
|
|
width: 100%;
|
|
inset: 0;
|
|
}
|
|
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-search-input {
|
|
width: 100%;
|
|
appearance: textfield;
|
|
}
|
|
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-item,
|
|
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
|
|
display: block;
|
|
align-self: center;
|
|
padding: 0;
|
|
line-height: 30px;
|
|
transition: all 0.3s, visibility 0s;
|
|
}
|
|
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder {
|
|
transition: none;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-single.ant-select .ant-select-selector::after,
|
|
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-item::after,
|
|
.ant-select-single.ant-select .ant-select-selector .ant-select-selection-placeholder::after {
|
|
display: inline-block;
|
|
width: 0;
|
|
visibility: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-item,
|
|
.ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-search,
|
|
.ant-select-single.ant-select.ant-select-show-arrow .ant-select-selection-placeholder {
|
|
padding-inline-end: 18px;
|
|
}
|
|
.ant-select-single.ant-select.ant-select-open .ant-select-selection-item {
|
|
color: #bfbfbf;
|
|
}
|
|
.ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0 11px;
|
|
}
|
|
.ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
|
|
height: 30px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-select-single.ant-select:not(.ant-select-customize-input) .ant-select-selector::after {
|
|
line-height: 30px;
|
|
}
|
|
.ant-select-single.ant-select.ant-select-customize-input .ant-select-selector::after {
|
|
display: none;
|
|
}
|
|
.ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
|
|
position: static;
|
|
width: 100%;
|
|
}
|
|
.ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
|
|
position: absolute;
|
|
padding: 0 11px;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: 0;
|
|
}
|
|
.ant-select-single.ant-select.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
|
|
display: none;
|
|
}
|
|
.ant-select-single.ant-select-sm {
|
|
height: 24px;
|
|
font-size: 12px;
|
|
}
|
|
.ant-select-single.ant-select-sm .ant-select-selector {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
border-radius: 2px;
|
|
}
|
|
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-wrap::after {
|
|
line-height: 22px;
|
|
}
|
|
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search {
|
|
position: absolute;
|
|
width: 100%;
|
|
inset: 0;
|
|
}
|
|
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-search-input {
|
|
width: 100%;
|
|
appearance: textfield;
|
|
}
|
|
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item,
|
|
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
|
|
display: block;
|
|
align-self: center;
|
|
padding: 0;
|
|
line-height: 22px;
|
|
transition: all 0.3s, visibility 0s;
|
|
}
|
|
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {
|
|
transition: none;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-single.ant-select-sm .ant-select-selector::after,
|
|
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-item::after,
|
|
.ant-select-single.ant-select-sm .ant-select-selector .ant-select-selection-placeholder::after {
|
|
display: inline-block;
|
|
width: 0;
|
|
visibility: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-item,
|
|
.ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-search,
|
|
.ant-select-single.ant-select-sm.ant-select-show-arrow .ant-select-selection-placeholder {
|
|
padding-inline-end: 15px;
|
|
}
|
|
.ant-select-single.ant-select-sm.ant-select-open .ant-select-selection-item {
|
|
color: #bfbfbf;
|
|
}
|
|
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0 11px;
|
|
}
|
|
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
|
|
height: 22px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after {
|
|
line-height: 22px;
|
|
}
|
|
.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector::after {
|
|
display: none;
|
|
}
|
|
.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
|
|
position: static;
|
|
width: 100%;
|
|
}
|
|
.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
|
|
position: absolute;
|
|
padding: 0 11px;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: 0;
|
|
}
|
|
.ant-select-single.ant-select-sm.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
|
|
display: none;
|
|
}
|
|
.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
|
|
padding: 0 7px;
|
|
}
|
|
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
|
|
padding-inline-end: 28px;
|
|
}
|
|
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
|
|
.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
|
|
padding-inline-end: 21px;
|
|
}
|
|
.ant-select-single.ant-select-lg {
|
|
height: 40px;
|
|
font-size: 16px;
|
|
}
|
|
.ant-select-single.ant-select-lg .ant-select-selector {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
border-radius: 4px;
|
|
}
|
|
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-wrap::after {
|
|
line-height: 38px;
|
|
}
|
|
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search {
|
|
position: absolute;
|
|
width: 100%;
|
|
inset: 0;
|
|
}
|
|
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-search-input {
|
|
width: 100%;
|
|
appearance: textfield;
|
|
}
|
|
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item,
|
|
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
|
|
display: block;
|
|
align-self: center;
|
|
padding: 0;
|
|
line-height: 38px;
|
|
transition: all 0.3s, visibility 0s;
|
|
}
|
|
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder {
|
|
transition: none;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-single.ant-select-lg .ant-select-selector::after,
|
|
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-item::after,
|
|
.ant-select-single.ant-select-lg .ant-select-selector .ant-select-selection-placeholder::after {
|
|
display: inline-block;
|
|
width: 0;
|
|
visibility: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-item,
|
|
.ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-search,
|
|
.ant-select-single.ant-select-lg.ant-select-show-arrow .ant-select-selection-placeholder {
|
|
padding-inline-end: 20px;
|
|
}
|
|
.ant-select-single.ant-select-lg.ant-select-open .ant-select-selection-item {
|
|
color: #bfbfbf;
|
|
}
|
|
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0 11px;
|
|
}
|
|
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
|
|
height: 38px;
|
|
font-size: 14px;
|
|
}
|
|
.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after {
|
|
line-height: 38px;
|
|
}
|
|
.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector::after {
|
|
display: none;
|
|
}
|
|
.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
|
|
position: static;
|
|
width: 100%;
|
|
}
|
|
.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
|
|
position: absolute;
|
|
padding: 0 11px;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: 0;
|
|
}
|
|
.ant-select-single.ant-select-lg.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
|
|
display: none;
|
|
}
|
|
/**
|
|
* Get multiple selector needed style. The calculation:
|
|
*
|
|
* ContainerPadding = BasePadding - ItemMargin
|
|
*
|
|
* Border: ╔═══════════════════════════╗ ┬
|
|
* ContainerPadding: ║ ║ │
|
|
* ╟───────────────────────────╢ ┬ │
|
|
* Item Margin: ║ ║ │ │
|
|
* ║ ┌──────────┐ ║ │ │
|
|
* Item(multipleItemHeight): ║ BasePadding │ Item │ ║ Overflow Container(ControlHeight)
|
|
* ║ └──────────┘ ║ │ │
|
|
* Item Margin: ║ ║ │ │
|
|
* ╟───────────────────────────╢ ┴ │
|
|
* ContainerPadding: ║ ║ │
|
|
* Border: ╚═══════════════════════════╝ ┴
|
|
*/
|
|
.ant-select-multiple.ant-select {
|
|
font-size: 14px;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-overflow {
|
|
position: relative;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
max-width: 100%;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-overflow-item {
|
|
display: inline-flex;
|
|
flex: none;
|
|
align-self: center;
|
|
max-width: calc(100% - 4px);
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item {
|
|
display: flex;
|
|
flex: none;
|
|
align-self: center;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
background: #f5f5f5;
|
|
border: 1px solid #f0f0f0;
|
|
border-radius: 2px;
|
|
cursor: default;
|
|
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
|
margin-block: calc(4px / 2);
|
|
margin-inline-end: calc(calc(4px / 2) * 2);
|
|
padding-inline-start: 8px;
|
|
padding-inline-end: calc(8px / 2);
|
|
}
|
|
.ant-select-disabled.ant-select-multiple.ant-select .ant-select-selection-item {
|
|
color: #bfbfbf;
|
|
border-color: #d9d9d9;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item-content {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
text-overflow: ellipsis;
|
|
margin-inline-end: calc(8px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item-remove {
|
|
color: inherit;
|
|
font-style: normal;
|
|
line-height: 0;
|
|
text-align: center;
|
|
text-transform: none;
|
|
vertical-align: -0.125em;
|
|
text-rendering: optimizelegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
color: rgba(0, 0, 0, 0.45);
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
line-height: inherit;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item-remove > * {
|
|
line-height: 1;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item-remove svg {
|
|
display: inline-block;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item-remove::before {
|
|
display: none;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item-remove .ant-select-multiple.ant-select .ant-select-selection-item-remove-icon {
|
|
display: block;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item-remove > .anticon {
|
|
vertical-align: -0.2em;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item-remove:hover {
|
|
color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selector {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-inline: max(calc(4px - 1px), 0px);
|
|
padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
|
|
border-radius: 2px;
|
|
}
|
|
.ant-select-disabled.ant-select-multiple.ant-select .ant-select-selector {
|
|
background: #f5f5f5;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selector::after {
|
|
display: inline-block;
|
|
width: 0;
|
|
margin: calc(4px / 2) 0;
|
|
line-height: 24px;
|
|
visibility: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-item {
|
|
height: 24px;
|
|
line-height: calc(24px - 1px * 2);
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-wrap {
|
|
align-self: flex-start;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-wrap::after {
|
|
line-height: 24px;
|
|
margin-block: calc(4px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-prefix {
|
|
margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
|
|
.ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
|
|
margin-inline-start: 0;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
|
|
.ant-select-multiple.ant-select .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
|
|
inset-inline-start: 0;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-overflow-item-suffix {
|
|
min-height: 24px;
|
|
margin-block: calc(4px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-search {
|
|
position: relative;
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
margin-inline-start: calc(11px - calc(calc(32px - 24px) / 2 - 1px));
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-search-input,
|
|
.ant-select-multiple.ant-select .ant-select-selection-search-mirror {
|
|
height: 24px;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
line-height: 24px;
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-search-input {
|
|
width: 100%;
|
|
min-width: 4.1px;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-search-mirror {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 999;
|
|
white-space: pre;
|
|
visibility: hidden;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: auto;
|
|
}
|
|
.ant-select-multiple.ant-select .ant-select-selection-placeholder {
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
|
|
inset-inline-end: 11px;
|
|
transform: translateY(-50%);
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-select-show-search.ant-select-multiple.ant-select .ant-select-selector {
|
|
cursor: text;
|
|
}
|
|
.ant-select-multiple.ant-select.ant-select-show-arrow .ant-select-selector,
|
|
.ant-select-multiple.ant-select.ant-select-allow-clear .ant-select-selector {
|
|
padding-inline-end: calc(12px + 12px);
|
|
}
|
|
.ant-select-multiple.ant-select-sm {
|
|
font-size: 14px;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow {
|
|
position: relative;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
max-width: 100%;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item {
|
|
display: inline-flex;
|
|
flex: none;
|
|
align-self: center;
|
|
max-width: calc(100% - 4px);
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
|
|
display: flex;
|
|
flex: none;
|
|
align-self: center;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
background: #f5f5f5;
|
|
border: 1px solid #f0f0f0;
|
|
border-radius: 2px;
|
|
cursor: default;
|
|
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
|
margin-block: calc(4px / 2);
|
|
margin-inline-end: calc(calc(4px / 2) * 2);
|
|
padding-inline-start: 8px;
|
|
padding-inline-end: calc(8px / 2);
|
|
}
|
|
.ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selection-item {
|
|
color: #bfbfbf;
|
|
border-color: #d9d9d9;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item-content {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
text-overflow: ellipsis;
|
|
margin-inline-end: calc(8px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove {
|
|
color: inherit;
|
|
font-style: normal;
|
|
line-height: 0;
|
|
text-align: center;
|
|
text-transform: none;
|
|
vertical-align: -0.125em;
|
|
text-rendering: optimizelegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
color: rgba(0, 0, 0, 0.45);
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
line-height: inherit;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > * {
|
|
line-height: 1;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove svg {
|
|
display: inline-block;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove::before {
|
|
display: none;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove .ant-select-multiple.ant-select-sm .ant-select-selection-item-remove-icon {
|
|
display: block;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove > .anticon {
|
|
vertical-align: -0.2em;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove:hover {
|
|
color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selector {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-inline: max(calc(4px - 1px), 0px);
|
|
padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
|
|
border-radius: 2px;
|
|
}
|
|
.ant-select-disabled.ant-select-multiple.ant-select-sm .ant-select-selector {
|
|
background: #f5f5f5;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selector::after {
|
|
display: inline-block;
|
|
width: 0;
|
|
margin: calc(4px / 2) 0;
|
|
line-height: 16px;
|
|
visibility: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-item {
|
|
height: 16px;
|
|
line-height: calc(16px - 1px * 2);
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-wrap {
|
|
align-self: flex-start;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-wrap::after {
|
|
line-height: 16px;
|
|
margin-block: calc(4px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-prefix {
|
|
margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
|
|
.ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
|
|
margin-inline-start: 0;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
|
|
.ant-select-multiple.ant-select-sm .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
|
|
inset-inline-start: 0;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-overflow-item-suffix {
|
|
min-height: 16px;
|
|
margin-block: calc(4px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
|
|
position: relative;
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
margin-inline-start: calc(11px - calc(calc(24px - 16px) / 2 - 1px));
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
|
|
height: 16px;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
line-height: 16px;
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-search-input {
|
|
width: 100%;
|
|
min-width: 4.1px;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 999;
|
|
white-space: pre;
|
|
visibility: hidden;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: auto;
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
|
|
inset-inline-end: 11px;
|
|
transform: translateY(-50%);
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-select-show-search.ant-select-multiple.ant-select-sm .ant-select-selector {
|
|
cursor: text;
|
|
}
|
|
.ant-select-multiple.ant-select-sm.ant-select-show-arrow .ant-select-selector,
|
|
.ant-select-multiple.ant-select-sm.ant-select-allow-clear .ant-select-selector {
|
|
padding-inline-end: calc(12px + 12px);
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
|
|
inset-inline: calc(8px - 1px);
|
|
}
|
|
.ant-select-multiple.ant-select-sm .ant-select-selection-search {
|
|
margin-inline-start: 2px;
|
|
}
|
|
.ant-select-multiple.ant-select-lg {
|
|
font-size: 16px;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow {
|
|
position: relative;
|
|
display: flex;
|
|
flex: auto;
|
|
flex-wrap: wrap;
|
|
max-width: 100%;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item {
|
|
display: inline-flex;
|
|
flex: none;
|
|
align-self: center;
|
|
max-width: calc(100% - 4px);
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
|
|
display: flex;
|
|
flex: none;
|
|
align-self: center;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
background: #f5f5f5;
|
|
border: 1px solid #f0f0f0;
|
|
border-radius: 2px;
|
|
cursor: default;
|
|
transition: font-size 0.3s, line-height 0.3s, height 0.3s;
|
|
margin-block: calc(4px / 2);
|
|
margin-inline-end: calc(calc(4px / 2) * 2);
|
|
padding-inline-start: 8px;
|
|
padding-inline-end: calc(8px / 2);
|
|
}
|
|
.ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selection-item {
|
|
color: #bfbfbf;
|
|
border-color: #d9d9d9;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item-content {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
white-space: pre;
|
|
text-overflow: ellipsis;
|
|
margin-inline-end: calc(8px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove {
|
|
color: inherit;
|
|
font-style: normal;
|
|
line-height: 0;
|
|
text-align: center;
|
|
text-transform: none;
|
|
vertical-align: -0.125em;
|
|
text-rendering: optimizelegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
color: rgba(0, 0, 0, 0.45);
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
line-height: inherit;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > * {
|
|
line-height: 1;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove svg {
|
|
display: inline-block;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove::before {
|
|
display: none;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove .ant-select-multiple.ant-select-lg .ant-select-selection-item-remove-icon {
|
|
display: block;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove > .anticon {
|
|
vertical-align: -0.2em;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove:hover {
|
|
color: rgba(0, 0, 0, 0.75);
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selector {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-inline: max(calc(4px - 1px), 0px);
|
|
padding-block: max(calc(max(calc(4px - 1px), 0px) - calc(4px / 2)), 0px);
|
|
border-radius: 4px;
|
|
}
|
|
.ant-select-disabled.ant-select-multiple.ant-select-lg .ant-select-selector {
|
|
background: #f5f5f5;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selector::after {
|
|
display: inline-block;
|
|
width: 0;
|
|
margin: calc(4px / 2) 0;
|
|
line-height: 32px;
|
|
visibility: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-item {
|
|
height: 32px;
|
|
line-height: calc(32px - 1px * 2);
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-wrap {
|
|
align-self: flex-start;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-wrap::after {
|
|
line-height: 32px;
|
|
margin-block: calc(4px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-prefix {
|
|
margin-inline-start: calc(11px - max(calc(4px - 1px), 0px));
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search,
|
|
.ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-search {
|
|
margin-inline-start: 0;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-placeholder,
|
|
.ant-select-multiple.ant-select-lg .ant-select-prefix + .ant-select-selection-wrap .ant-select-selection-placeholder {
|
|
inset-inline-start: 0;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-overflow-item-suffix {
|
|
min-height: 32px;
|
|
margin-block: calc(4px / 2);
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-search {
|
|
position: relative;
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
margin-inline-start: calc(11px - calc(calc(40px - 32px) / 2 - 1px));
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
|
|
height: 32px;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
line-height: 32px;
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-search-input {
|
|
width: 100%;
|
|
min-width: 4.1px;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 999;
|
|
white-space: pre;
|
|
visibility: hidden;
|
|
inset-inline-start: 0;
|
|
inset-inline-end: auto;
|
|
}
|
|
.ant-select-multiple.ant-select-lg .ant-select-selection-placeholder {
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-start: calc(11px - max(calc(4px - 1px), 0px));
|
|
inset-inline-end: 11px;
|
|
transform: translateY(-50%);
|
|
transition: all 0.3s;
|
|
}
|
|
.ant-select-show-search.ant-select-multiple.ant-select-lg .ant-select-selector {
|
|
cursor: text;
|
|
}
|
|
.ant-select-multiple.ant-select-lg.ant-select-show-arrow .ant-select-selector,
|
|
.ant-select-multiple.ant-select-lg.ant-select-allow-clear .ant-select-selector {
|
|
padding-inline-end: calc(12px + 12px);
|
|
}
|
|
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
|
|
background-color: #fff;
|
|
border-color: #ff4d4f !important;
|
|
}
|
|
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
|
|
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
|
|
border-color: #ff7875;
|
|
box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
|
|
border-right-width: 1px;
|
|
outline: 0;
|
|
}
|
|
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
|
|
background-color: #fff;
|
|
border-color: #faad14 !important;
|
|
}
|
|
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector,
|
|
.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector {
|
|
border-color: #ffc53d;
|
|
box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
|
|
border-right-width: 1px;
|
|
outline: 0;
|
|
}
|
|
.ant-select-status-error.ant-select-has-feedback .ant-select-clear,
|
|
.ant-select-status-warning.ant-select-has-feedback .ant-select-clear,
|
|
.ant-select-status-success.ant-select-has-feedback .ant-select-clear,
|
|
.ant-select-status-validating.ant-select-has-feedback .ant-select-clear {
|
|
inset-inline-end: 32px;
|
|
}
|
|
.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,
|
|
.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value,
|
|
.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,
|
|
.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value {
|
|
padding-inline-end: 42px;
|
|
}
|
|
/* Reset search input style */
|
|
.ant-select {
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-size: 14px;
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
position: relative;
|
|
display: inline-flex;
|
|
cursor: pointer;
|
|
}
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
|
position: relative;
|
|
background-color: #fff;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 2px;
|
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
}
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
|
|
cursor: pointer;
|
|
}
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-prefix {
|
|
flex: none;
|
|
margin-inline-end: 4px;
|
|
}
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap {
|
|
position: relative;
|
|
display: flex;
|
|
width: 100%;
|
|
min-width: 0;
|
|
}
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-wrap::after {
|
|
width: 0;
|
|
overflow: hidden;
|
|
content: '\a0';
|
|
}
|
|
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
|
cursor: text;
|
|
}
|
|
.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
|
|
cursor: auto;
|
|
}
|
|
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background: #f5f5f5;
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
|
|
background: #f5f5f5;
|
|
}
|
|
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: inherit;
|
|
background: transparent;
|
|
border: none;
|
|
outline: none;
|
|
appearance: none;
|
|
}
|
|
.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
|
|
display: none;
|
|
appearance: none;
|
|
}
|
|
.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
|
|
border-color: #40a9ff;
|
|
border-right-width: 1px;
|
|
}
|
|
.ant-select:not(.ant-select-disabled).ant-select-focused .ant-select-selector {
|
|
border-color: #40a9ff;
|
|
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
|
border-right-width: 1px;
|
|
outline: 0;
|
|
}
|
|
.ant-select-selection-item {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
font-weight: normal;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
user-select: none;
|
|
}
|
|
@media all and (-ms-high-contrast: none) {
|
|
.ant-select-selection-item *::-ms-backdrop,
|
|
.ant-select-selection-item {
|
|
flex: auto;
|
|
}
|
|
}
|
|
.ant-select-selection-placeholder {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
color: #bfbfbf;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
pointer-events: none;
|
|
}
|
|
@media all and (-ms-high-contrast: none) {
|
|
.ant-select-selection-placeholder *::-ms-backdrop,
|
|
.ant-select-selection-placeholder {
|
|
flex: auto;
|
|
}
|
|
}
|
|
.ant-select-arrow {
|
|
display: inline-flex;
|
|
color: inherit;
|
|
font-style: normal;
|
|
line-height: 0;
|
|
text-transform: none;
|
|
vertical-align: -0.125em;
|
|
text-rendering: optimizelegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-start: auto;
|
|
inset-inline-end: 11px;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 12px;
|
|
margin-top: -6px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
text-align: center;
|
|
pointer-events: none;
|
|
}
|
|
.ant-select-arrow > * {
|
|
line-height: 1;
|
|
}
|
|
.ant-select-arrow svg {
|
|
display: inline-block;
|
|
}
|
|
.ant-select-arrow::before {
|
|
display: none;
|
|
}
|
|
.ant-select-arrow .ant-select-arrow-icon {
|
|
display: block;
|
|
}
|
|
.ant-select-arrow .anticon {
|
|
vertical-align: top;
|
|
transition: transform 0.3s;
|
|
}
|
|
.ant-select-arrow .anticon > svg {
|
|
vertical-align: top;
|
|
}
|
|
.ant-select-arrow .anticon:not(.ant-select-suffix) {
|
|
pointer-events: auto;
|
|
}
|
|
.ant-select-disabled .ant-select-arrow {
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-arrow > *:not(:last-child) {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.ant-select-clear {
|
|
position: absolute;
|
|
top: 50%;
|
|
z-index: 1;
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-top: -6px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
font-size: 12px;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
text-align: center;
|
|
text-transform: none;
|
|
background: #fff;
|
|
transform: translateZ(0);
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
transition: color 0.3s ease, opacity 0.15s ease;
|
|
inset-inline-start: auto;
|
|
inset-inline-end: 11px;
|
|
text-rendering: auto;
|
|
}
|
|
.ant-select-clear::before {
|
|
display: block;
|
|
}
|
|
.ant-select-clear:hover {
|
|
color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
.ant-select:hover .ant-select-clear {
|
|
opacity: 1;
|
|
}
|
|
.ant-select-dropdown {
|
|
margin: 0;
|
|
padding: 0;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-variant: tabular-nums;
|
|
line-height: 1.5715;
|
|
list-style: none;
|
|
font-feature-settings: 'tnum';
|
|
position: absolute;
|
|
top: -9999px;
|
|
z-index: 1050;
|
|
box-sizing: border-box;
|
|
padding: 4px;
|
|
overflow: hidden;
|
|
font-size: 14px;
|
|
font-variant: initial;
|
|
background-color: #fff;
|
|
border-radius: 2px;
|
|
outline: none;
|
|
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);
|
|
}
|
|
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
|
|
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
|
|
animation-name: antSlideUpIn;
|
|
}
|
|
.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
|
|
.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
|
|
animation-name: antSlideDownIn;
|
|
}
|
|
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
|
|
animation-name: antSlideUpOut;
|
|
}
|
|
.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
|
|
animation-name: antSlideDownOut;
|
|
}
|
|
.ant-select-dropdown-hidden {
|
|
display: none;
|
|
}
|
|
.ant-select-dropdown-empty {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-select-item-empty {
|
|
position: relative;
|
|
display: block;
|
|
min-height: 32px;
|
|
padding: 5px 12px;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.ant-select-item {
|
|
position: relative;
|
|
display: block;
|
|
min-height: 32px;
|
|
padding: 5px 12px;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-weight: normal;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
cursor: pointer;
|
|
transition: background 0.3s ease;
|
|
}
|
|
.ant-select-item-group {
|
|
color: rgba(0, 0, 0, 0.45);
|
|
font-size: 12px;
|
|
cursor: default;
|
|
}
|
|
.ant-select-item-option {
|
|
display: flex;
|
|
}
|
|
.ant-select-item-option-content {
|
|
flex: auto;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ant-select-item-option-state {
|
|
flex: none;
|
|
user-select: none;
|
|
}
|
|
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
|
|
color: rgba(0, 0, 0, 0.85);
|
|
font-weight: 600;
|
|
background-color: #e6f7ff;
|
|
}
|
|
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
|
|
color: #1890ff;
|
|
}
|
|
.ant-select-item-option-disabled {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
cursor: not-allowed;
|
|
}
|
|
.ant-select-item-option-disabled.ant-select-item-option-selected {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.ant-select-item-option-grouped {
|
|
padding-inline-start: 24px;
|
|
}
|
|
.ant-select-lg {
|
|
font-size: 16px;
|
|
}
|
|
.ant-select.ant-select-borderless .ant-select-selector,
|
|
.ant-select.ant-select-borderless:hover .ant-select-selector,
|
|
.ant-select.ant-select-borderless:focus .ant-select-selector,
|
|
.ant-select.ant-select-borderless.ant-select-focused .ant-select-selector,
|
|
.ant-select.ant-select-borderless.ant-select-disabled .ant-select-selector,
|
|
.ant-select.ant-select-borderless.ant-select[disabled] .ant-select-selector {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.ant-select.ant-select-filled .ant-select-selector {
|
|
background-color: #f5f5f5;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.ant-select.ant-select-filled:hover .ant-select-selector {
|
|
background-color: #f0f0f0;
|
|
border-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.ant-select.ant-select-filled:focus .ant-select-selector,
|
|
.ant-select.ant-select-filled.ant-select-focused .ant-select-selector {
|
|
border-color: #40a9ff;
|
|
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
|
|
border-right-width: 1px;
|
|
outline: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.ant-select.ant-select-filled.ant-select-disabled .ant-select-selector,
|
|
.ant-select.ant-select-filled.ant-select[disabled] .ant-select-selector {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
background-color: #f5f5f5;
|
|
border-color: #d9d9d9;
|
|
box-shadow: none;
|
|
cursor: not-allowed;
|
|
opacity: 1;
|
|
}
|
|
.ant-select.ant-select-filled.ant-select-disabled .ant-select-selector:hover,
|
|
.ant-select.ant-select-filled.ant-select[disabled] .ant-select-selector:hover {
|
|
border-color: #d9d9d9;
|
|
border-right-width: 1px;
|
|
}
|
|
.ant-select.ant-select-underlined .ant-select-selector,
|
|
.ant-select.ant-select-underlined:hover .ant-select-selector,
|
|
.ant-select.ant-select-underlined:focus .ant-select-selector,
|
|
.ant-select.ant-select-underlined.ant-select-focused .ant-select-selector,
|
|
.ant-select.ant-select-underlined.ant-select-disabled .ant-select-selector,
|
|
.ant-select.ant-select-underlined.ant-select[disabled] .ant-select-selector {
|
|
background-color: transparent;
|
|
border-width: 0 0 1px;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
.ant-select.ant-select-underlined:hover:not(.ant-select-focused):not(:focus) .ant-select-selector {
|
|
border-color: #d9d9d9;
|
|
}
|
|
.ant-select.ant-select-in-form-item {
|
|
width: 100%;
|
|
}
|
|
.ant-select-compact-item:not(.ant-select-compact-last-item) {
|
|
margin-right: -1px;
|
|
}
|
|
.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl {
|
|
margin-right: 0;
|
|
margin-left: -1px;
|
|
}
|
|
.ant-select-compact-item:hover > *,
|
|
.ant-select-compact-item:focus > *,
|
|
.ant-select-compact-item:active > * {
|
|
z-index: 2;
|
|
}
|
|
.ant-select-compact-item.ant-select-focused > * {
|
|
z-index: 2;
|
|
}
|
|
.ant-select-compact-item[disabled] > * {
|
|
z-index: 0;
|
|
}
|
|
.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select .ant-select-selector {
|
|
border-radius: 0;
|
|
}
|
|
.ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl) .ant-select-selector {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl) .ant-select-selector {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item) .ant-select-selector {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item) .ant-select-selector {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.ant-select-rtl {
|
|
direction: rtl;
|
|
}
|
|
.ant-select-dropdown-rtl {
|
|
direction: rtl;
|
|
}
|
|
.ant-select-dropdown {
|
|
position: relative;
|
|
top: 100%;
|
|
left: 0;
|
|
display: block;
|
|
width: 100%;
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.ant-select-dropdown .cdk-virtual-scroll-content-wrapper {
|
|
right: 0;
|
|
}
|
|
.ant-select-dropdown .full-width {
|
|
contain: initial;
|
|
}
|
|
.ant-select-dropdown .full-width .cdk-virtual-scroll-content-wrapper {
|
|
position: static;
|
|
}
|
|
.ant-select-dropdown .full-width .cdk-virtual-scroll-spacer {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 1px;
|
|
}
|
|
.ant-empty {
|
|
margin: 0 8px;
|
|
font-size: 14px;
|
|
line-height: 1.5715;
|
|
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-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-empty-img-default-ellipse {
|
|
fill: #f5f5f5;
|
|
fill-opacity: 0.8;
|
|
}
|
|
.ant-empty-img-default-path-1 {
|
|
fill: #aeb8c2;
|
|
}
|
|
.ant-empty-img-default-path-2 {
|
|
fill: url('#linearGradient-1');
|
|
}
|
|
.ant-empty-img-default-path-3 {
|
|
fill: #f5f5f7;
|
|
}
|
|
.ant-empty-img-default-path-4 {
|
|
fill: #dce0e6;
|
|
}
|
|
.ant-empty-img-default-path-5 {
|
|
fill: #dce0e6;
|
|
}
|
|
.ant-empty-img-default-g {
|
|
fill: #fff;
|
|
}
|
|
.ant-empty-img-simple-ellipse {
|
|
fill: #f5f5f5;
|
|
}
|
|
.ant-empty-img-simple-g {
|
|
stroke: #d9d9d9;
|
|
}
|
|
.ant-empty-img-simple-path {
|
|
fill: #fafafa;
|
|
}
|
|
.ant-empty-rtl {
|
|
direction: rtl;
|
|
}
|
|
nz-empty {
|
|
display: block;
|
|
}
|
|
.ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node[builtin]:not(:last-child) > li::before {
|
|
position: absolute;
|
|
left: 12px;
|
|
width: 1px;
|
|
height: calc(100% - 16px);
|
|
margin: 26px 0;
|
|
border-left: 1px solid #d9d9d9;
|
|
content: ' ';
|
|
}
|
|
.ant-select-dropdown.ant-select-tree-dropdown {
|
|
position: relative;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 100%;
|
|
margin-top: 4px;
|
|
margin-bottom: 4px;
|
|
overflow: auto;
|
|
}
|
|
.ant-select-dropdown.ant-select-tree-dropdown .cdk-virtual-scroll-content-wrapper {
|
|
overflow: auto;
|
|
}
|