UNPKG

ng-zorro-antd

Version:

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

1,518 lines (1,517 loc) 43.7 kB
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-select-auto-complete { 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'; } .ant-select-auto-complete .ant-select-clear { right: 13px; } .ant-select-single .ant-select-selector { display: flex; } .ant-select-single .ant-select-selector .ant-select-selection-search { position: absolute; top: 0; right: 11px; bottom: 0; left: 11px; } .ant-select-single .ant-select-selector .ant-select-selection-search-input { width: 100%; } .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { padding: 0; line-height: 30px; transition: all 0.3s; } @supports (-moz-appearance: meterbar) { .ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-single .ant-select-selector .ant-select-selection-placeholder { line-height: 30px; } } .ant-select-single .ant-select-selector .ant-select-selection-item { position: relative; user-select: none; } .ant-select-single .ant-select-selector .ant-select-selection-placeholder { transition: none; pointer-events: none; } .ant-select-single .ant-select-selector::after, .ant-select-single .ant-select-selector .ant-select-selection-item::after, .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { display: inline-block; width: 0; visibility: hidden; content: '\a0'; } .ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 25px; } .ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 18px; } .ant-select-single.ant-select-open .ant-select-selection-item { color: #bfbfbf; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { width: 100%; height: 32px; padding: 0 11px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input { height: 30px; } .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after { line-height: 30px; } .ant-select-single.ant-select-customize-input .ant-select-selector::after { display: none; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search { position: static; width: 100%; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder { position: absolute; right: 0; left: 0; padding: 0 11px; } .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after { display: none; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { height: 40px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 38px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 38px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector { height: 24px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item, .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder { line-height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input { height: 22px; } .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search { right: 7px; left: 7px; } .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 { right: 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-right: 21px; } .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { padding: 0 11px; } /** * Do not merge `height` & `line-height` under style with `selection` & `search`, * since chrome may update to redesign with its align logic. */ .ant-select-selection-overflow { position: relative; display: flex; flex: auto; flex-wrap: wrap; max-width: 100%; } .ant-select-selection-overflow-item { flex: none; align-self: center; max-width: 100%; } .ant-select-multiple .ant-select-selector { display: flex; flex-wrap: wrap; align-items: center; padding: 1px 4px; } .ant-select-show-search.ant-select-multiple .ant-select-selector { cursor: text; } .ant-select-disabled.ant-select-multiple .ant-select-selector { background: #f5f5f5; cursor: not-allowed; } .ant-select-multiple .ant-select-selector::after { display: inline-block; width: 0; margin: 2px 0; line-height: 24px; content: '\a0'; } .ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 24px; } .ant-select-multiple .ant-select-selection-item { position: relative; display: flex; flex: none; box-sizing: border-box; max-width: 100%; height: 24px; margin-top: 2px; margin-bottom: 2px; line-height: 22px; background: #f5f5f5; border: 1px solid #f0f0f0; border-radius: 2px; cursor: default; transition: font-size 0.3s, line-height 0.3s, height 0.3s; user-select: none; margin-inline-end: 4px; padding-inline-start: 8px; padding-inline-end: 4px; } .ant-select-disabled.ant-select-multiple .ant-select-selection-item { color: #bfbfbf; border-color: #d9d9d9; cursor: not-allowed; } .ant-select-multiple .ant-select-selection-item-content { display: inline-block; margin-right: 4px; overflow: hidden; white-space: pre; text-overflow: ellipsis; } .ant-select-multiple .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-block; color: rgba(0, 0, 0, 0.45); font-weight: bold; font-size: 10px; line-height: inherit; cursor: pointer; } .ant-select-multiple .ant-select-selection-item-remove > * { line-height: 1; } .ant-select-multiple .ant-select-selection-item-remove svg { display: inline-block; } .ant-select-multiple .ant-select-selection-item-remove::before { display: none; } .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon { display: block; } .ant-select-multiple .ant-select-selection-item-remove > .anticon { vertical-align: -0.2em; } .ant-select-multiple .ant-select-selection-item-remove:hover { color: rgba(0, 0, 0, 0.75); } .ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search { margin-inline-start: 0; } .ant-select-multiple .ant-select-selection-search { position: relative; max-width: 100%; margin-top: 2px; margin-bottom: 2px; margin-inline-start: 7px; } .ant-select-multiple .ant-select-selection-search-input, .ant-select-multiple .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-selection-search-input { width: 100%; min-width: 4.1px; } .ant-select-multiple .ant-select-selection-search-mirror { position: absolute; top: 0; left: 0; z-index: 999; white-space: pre; visibility: hidden; } .ant-select-multiple .ant-select-selection-placeholder { position: absolute; top: 50%; right: 11px; left: 11px; transform: translateY(-50%); transition: all 0.3s; } .ant-select-multiple.ant-select-lg .ant-select-selector::after { line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search { height: 32px; line-height: 32px; } .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { height: 32px; line-height: 30px; } .ant-select-multiple.ant-select-sm .ant-select-selector::after { line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-item { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { height: 16px; line-height: 16px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search-input, .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror { height: 16px; line-height: 14px; } .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { left: 7px; } .ant-select-multiple.ant-select-sm .ant-select-selection-search { margin-inline-start: 3px; } .ant-select-multiple.ant-select-lg .ant-select-selection-item { height: 32px; line-height: 32px; } .ant-select-disabled .ant-select-selection-item-remove { display: none; } /* 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-block; 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-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-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-right-width: 0; border-left-width: 1px !important; } .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; 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; /* stylelint-disable-next-line property-no-vendor-prefix */ -webkit-appearance: none; } .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-right-width: 0; border-left-width: 1px !important; } .ant-select-selection-item { flex: 1; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; } @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-block; 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%; right: 11px; width: 12px; 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-clear { position: absolute; top: 50%; right: 11px; 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; cursor: pointer; opacity: 0; transition: color 0.3s ease, opacity 0.15s ease; 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; left: -9999px; z-index: 1050; box-sizing: border-box; padding: 4px 0; 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; } .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-left: 24px; } .ant-select-lg { font-size: 16px; } .ant-select-borderless .ant-select-selector { background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } .ant-select-rtl { direction: rtl; } .ant-select-rtl .ant-select-arrow { right: initial; left: 11px; } .ant-select-rtl .ant-select-clear { right: initial; left: 11px; } .ant-select-dropdown-rtl { direction: rtl; } .ant-select-dropdown-rtl .ant-select-item-option-grouped { padding-right: 24px; padding-left: 12px; } .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { padding-right: 4px; padding-left: 24px; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item { text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content { margin-right: 0; margin-left: 4px; text-align: right; } .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror { right: 0; left: auto; } .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder { right: 11px; left: auto; } .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder { right: 7px; } .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item, .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder { right: 0; left: 9px; text-align: right; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search { right: 11px; left: 25px; } .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 18px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search { right: 6px; } .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item, .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder { padding-right: 0; padding-left: 21px; } .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-select-dropdown { top: 100%; left: 0; position: relative; width: 100%; margin-top: 4px; margin-bottom: 4px; display: block; } .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-input-affix-wrapper { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ display: inline-flex; } .ant-input-affix-wrapper::-moz-placeholder { opacity: 1; } .ant-input-affix-wrapper::placeholder { color: #bfbfbf; user-select: none; } .ant-input-affix-wrapper:placeholder-shown { text-overflow: ellipsis; } .ant-input-affix-wrapper:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-rtl .ant-input-affix-wrapper:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-input-rtl .ant-input-affix-wrapper:focus, .ant-input-rtl .ant-input-affix-wrapper-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-affix-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-affix-wrapper[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-affix-wrapper[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-affix-wrapper-borderless, .ant-input-affix-wrapper-borderless:hover, .ant-input-affix-wrapper-borderless:focus, .ant-input-affix-wrapper-borderless-focused, .ant-input-affix-wrapper-borderless-disabled, .ant-input-affix-wrapper-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-affix-wrapper { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-affix-wrapper-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-affix-wrapper-sm { padding: 0px 7px; } .ant-input-affix-wrapper-rtl { direction: rtl; } .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-color: #40a9ff; border-right-width: 1px !important; z-index: 1; } .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { z-index: 0; } .ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus { z-index: 1; } .ant-input-affix-wrapper-disabled .ant-input[disabled] { background: transparent; } .ant-input-affix-wrapper > input.ant-input { padding: 0; border: none; outline: none; } .ant-input-affix-wrapper > input.ant-input:focus { box-shadow: none !important; } .ant-input-affix-wrapper::before { width: 0; visibility: hidden; content: '\a0'; } .ant-input-prefix, .ant-input-suffix { display: flex; flex: none; align-items: center; } .ant-input-prefix { margin-right: 4px; } .ant-input-suffix { margin-left: 4px; } .anticon.ant-input-clear-icon { margin: 0; color: rgba(0, 0, 0, 0.25); font-size: 12px; vertical-align: -1px; cursor: pointer; transition: color 0.3s; } .anticon.ant-input-clear-icon:hover { color: rgba(0, 0, 0, 0.45); } .anticon.ant-input-clear-icon:active { color: rgba(0, 0, 0, 0.85); } .anticon.ant-input-clear-icon-hidden { visibility: hidden; } .anticon.ant-input-clear-icon-has-suffix { margin: 0 4px; } .ant-input-affix-wrapper-textarea-with-clear-btn { padding: 0 !important; border: 0 !important; } .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { position: absolute; top: 8px; right: 8px; z-index: 1; } .ant-input { box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; /* stylelint-disable-next-line selector-no-vendor-prefix */ } .ant-input::-moz-placeholder { opacity: 1; } .ant-input::placeholder { color: #bfbfbf; user-select: none; } .ant-input:placeholder-shown { text-overflow: ellipsis; } .ant-input:hover { border-color: #40a9ff; border-right-width: 1px !important; } .ant-input-rtl .ant-input:hover { border-right-width: 0; border-left-width: 1px !important; } .ant-input:focus, .ant-input-focused { border-color: #40a9ff; box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); border-right-width: 1px !important; outline: 0; } .ant-input-rtl .ant-input:focus, .ant-input-rtl .ant-input-focused { border-right-width: 0; border-left-width: 1px !important; } .ant-input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; box-shadow: none; cursor: not-allowed; opacity: 1; } .ant-input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-borderless, .ant-input-borderless:hover, .ant-input-borderless:focus, .ant-input-borderless-focused, .ant-input-borderless-disabled, .ant-input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-sm { padding: 0px 7px; } .ant-input-rtl { direction: rtl; } .ant-input-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'; position: relative; display: table; width: 100%; border-collapse: separate; border-spacing: 0; } .ant-input-group[class*='col-'] { float: none; padding-right: 0; padding-left: 0; } .ant-input-group > [class*='col-'] { padding-right: 8px; } .ant-input-group > [class*='col-']:last-child { padding-right: 0; } .ant-input-group-addon, .ant-input-group-wrap, .ant-input-group > .ant-input { display: table-cell; } .ant-input-group-addon:not(:first-child):not(:last-child), .ant-input-group-wrap:not(:first-child):not(:last-child), .ant-input-group > .ant-input:not(:first-child):not(:last-child) { border-radius: 0; } .ant-input-group-addon, .ant-input-group-wrap { width: 1px; white-space: nowrap; vertical-align: middle; } .ant-input-group-wrap > * { display: block !important; } .ant-input-group .ant-input { float: left; width: 100%; margin-bottom: 0; text-align: inherit; } .ant-input-group .ant-input:focus { z-index: 1; border-right-width: 1px; } .ant-input-group .ant-input:hover { z-index: 1; border-right-width: 1px; } .ant-input-search-with-button .ant-input-group .ant-input:hover { z-index: 0; } .ant-input-group-addon { position: relative; padding: 0 11px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; text-align: center; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; } .ant-input-group-addon .ant-select { margin: -5px -11px; } .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { background-color: inherit; border: 1px solid transparent; box-shadow: none; } .ant-input-group-addon .ant-select-open .ant-select-selector, .ant-input-group-addon .ant-select-focused .ant-select-selector { color: #1890ff; } .ant-input-group-addon .ant-cascader-picker { margin: -9px -12px; background-color: transparent; } .ant-input-group-addon .ant-cascader-picker .ant-cascader-input { text-align: left; border: 0; box-shadow: none; } .ant-input-group > .ant-input:first-child, .ant-input-group-addon:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, .ant-input-group-addon:first-child .ant-select .ant-select-selector { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-group-addon:first-child { border-right: 0; } .ant-input-group-addon:last-child { border-left: 0; } .ant-input-group > .ant-input:last-child, .ant-input-group-addon:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, .ant-input-group-addon:last-child .ant-select .ant-select-selector { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group-lg .ant-input, .ant-input-group-lg > .ant-input-group-addon { padding: 6.5px 11px; font-size: 16px; } .ant-input-group-sm .ant-input, .ant-input-group-sm > .ant-input-group-addon { padding: 0px 7px; } .ant-input-group-lg .ant-select-single .ant-select-selector { height: 40px; } .ant-input-group-sm .ant-select-single .ant-select-selector { height: 24px; } .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group .ant-input-affix-wrapper:not(:first-child), .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .ant-input-group.ant-input-group-compact { display: block; } .ant-input-group.ant-input-group-compact::before { display: table; content: ''; } .ant-input-group.ant-input-group-compact::after { display: table; clear: both; content: ''; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { border-right-width: 1px; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { z-index: 1; } .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, .ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { z-index: 1; } .ant-input-group.ant-input-group-compact > * { display: inline-block; float: none; vertical-align: top; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper { display: inline-flex; } .ant-input-group.ant-input-group-compact > .ant-picker-range { display: inline-flex; } .ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: -1px; border-right-width: 1px; } .ant-input-group.ant-input-group-compact .ant-input { float: none; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { border-right-width: 1px; border-radius: 0; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, .ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select-focused { z-index: 1; } .ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { z-index: 1; } .ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { vertical-align: top; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { margin-left: -1px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { border-radius: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 2px 0 0 2px; } .ant-input-group > .ant-input-rtl:first-child, .ant-input-group-rtl .ant-input-group-addon:first-child { border-radius: 0 2px 2px 0; } .ant-input-group-rtl .ant-input-group-addon:first-child { border-right: 1px solid #d9d9d9; border-left: 0; } .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0; border-left: 1px solid #d9d9d9; } .ant-input-group-rtl.ant-input-group > .ant-input:last-child, .ant-input-group-rtl.ant-input-group-addon:last-child { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { border-radius: 2px 0 0 2px; } .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) { margin-right: 0; margin-left: -1px; border-left-width: 1px; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, .ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { border-left-width: 1px; border-radius: 2px 0 0 2px; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { margin-right: -1px; margin-left: 0; } .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { border-radius: 0 2px 2px 0; } .ant-input-group-wrapper { display: inline-block; width: 100%; text-align: start; vertical-align: top; } .ant-input-password-icon { color: rgba(0, 0, 0, 0.45); cursor: pointer; transition: all 0.3s; } .ant-input-password-icon:hover { color: rgba(0, 0, 0, 0.85); } .ant-input[type='color'] { height: 32px; } .ant-input[type='color'].ant-input-lg { height: 40px; } .ant-input[type='color'].ant-input-sm { height: 24px; padding-top: 3px; padding-bottom: 3px; } .ant-input-textarea-show-count > .ant-input { height: 100%; } .ant-input-textarea-show-count::after { float: right; color: rgba(0, 0, 0, 0.45); white-space: nowrap; content: attr(data-count); pointer-events: none; } .ant-input-search .ant-input:hover, .ant-input-search .ant-input:focus { border-color: #40a9ff; } .ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-left-color: #40a9ff; } .ant-input-search .ant-input-affix-wrapper { border-radius: 0; } .ant-input-search .ant-input-lg { line-height: 1.5713; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child { left: -1px; padding: 0; border: 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { padding-top: 0; padding-bottom: 0; border-radius: 0 2px 2px 0; } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { color: rgba(0, 0, 0, 0.45); } .ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { top: 0; right: 0; bottom: 0; left: 0; } .ant-input-search-button { height: 32px; } .ant-input-search-button:hover, .ant-input-search-button:focus { z-index: 1; } .ant-input-search-large .ant-input-search-button { height: 40px; } .ant-input-search-small .ant-input-search-button { height: 24px; } .ant-input-group-wrapper-rtl { direction: rtl; } .ant-input-group-rtl { direction: rtl; } .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { border: none; outline: none; } .ant-input-affix-wrapper-rtl .ant-input-prefix { margin: 0 0 0 4px; } .ant-input-affix-wrapper-rtl .ant-input-suffix { margin: 0 4px 0 0; } .ant-input-textarea-rtl { direction: rtl; } .ant-input-textarea-rtl.ant-input-textarea-show-count::after { text-align: left; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix { margin-right: 0; margin-left: 4px; } .ant-input-affix-wrapper-rtl .ant-input-clear-icon { right: auto; left: 8px; } .ant-input-search-rtl { direction: rtl; } .ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), .ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { border-right-color: #40a9ff; border-left-color: #d9d9d9; } .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { border-right-color: #40a9ff; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon { right: -1px; left: auto; } .ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button { border-radius: 2px 0 0 2px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-input { height: 32px; } .ant-input-lg { height: 40px; } .ant-input-sm { height: 24px; } .ant-input-affix-wrapper > input.ant-input { height: auto; } } textarea.nz-textarea-autosize-measuring { height: auto !important; overflow: hidden !important; padding: 2px 0 !important; } .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only, .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only { width: 32px; height: 32px; } .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm, .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm { width: 24px; height: 24px; } .ant-input-search-rtl.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg, .ant-input-search-rtl.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg { width: 40px; height: 40px; } .ant-select-dropdown-hidden { display: none; }