123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934 |
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
- /* stylelint-disable no-duplicate-selectors */
- .ant-input-number-affix-wrapper {
- 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;
- position: relative;
- display: inline-flex;
- width: 90px;
- padding: 0;
- padding-inline-start: 11px;
- }
- .ant-input-number-affix-wrapper::placeholder {
- color: #bfbfbf;
- user-select: none;
- }
- .ant-input-number-affix-wrapper:placeholder-shown {
- text-overflow: ellipsis;
- }
- .ant-input-number-affix-wrapper:hover {
- border-color: #40a9ff;
- border-right-width: 1px;
- }
- .ant-input-number-affix-wrapper:focus,
- .ant-input-number-affix-wrapper-focused {
- border-color: #40a9ff;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
- border-right-width: 1px;
- outline: 0;
- }
- .ant-input-number-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-number-affix-wrapper-disabled:hover {
- border-color: #d9d9d9;
- border-right-width: 1px;
- }
- .ant-input-number-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-number-affix-wrapper[disabled]:hover {
- border-color: #d9d9d9;
- border-right-width: 1px;
- }
- .ant-input-number-affix-wrapper-borderless,
- .ant-input-number-affix-wrapper-borderless:hover,
- .ant-input-number-affix-wrapper-borderless:focus,
- .ant-input-number-affix-wrapper-borderless-focused,
- .ant-input-number-affix-wrapper-borderless-disabled,
- .ant-input-number-affix-wrapper-borderless[disabled] {
- background-color: transparent;
- border: none;
- box-shadow: none;
- }
- textarea.ant-input-number-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-number-affix-wrapper-lg {
- padding: 6.5px 11px;
- font-size: 16px;
- }
- .ant-input-number-affix-wrapper-sm {
- padding: 0px 7px;
- }
- .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover {
- border-color: #40a9ff;
- border-right-width: 1px;
- z-index: 1;
- }
- .ant-input-number-affix-wrapper-focused,
- .ant-input-number-affix-wrapper:focus {
- z-index: 1;
- }
- .ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] {
- background: transparent;
- }
- .ant-input-number-affix-wrapper > div.ant-input-number {
- width: 100%;
- border: none;
- outline: none;
- }
- .ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused {
- box-shadow: none !important;
- }
- .ant-input-number-affix-wrapper input.ant-input-number-input {
- padding: 0;
- }
- .ant-input-number-affix-wrapper::before {
- display: inline-block;
- width: 0;
- visibility: hidden;
- content: '\a0';
- }
- .ant-input-number-affix-wrapper .ant-input-number-handler-wrap {
- z-index: 2;
- }
- .ant-input-number-prefix,
- .ant-input-number-suffix {
- display: flex;
- flex: none;
- align-items: center;
- pointer-events: none;
- }
- .ant-input-number-prefix {
- margin-inline-end: 4px;
- }
- .ant-input-number-suffix {
- position: absolute;
- top: 0;
- right: 0;
- z-index: 1;
- height: 100%;
- margin-right: 11px;
- margin-left: 4px;
- }
- .ant-input-number-group-wrapper .ant-input-number-affix-wrapper {
- width: 100%;
- }
- .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
- .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
- background: #fff;
- border-color: #ff4d4f;
- }
- .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
- .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
- border-color: #ff7875;
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
- border-right-width: 1px;
- outline: 0;
- }
- .ant-input-number-status-error .ant-input-number-prefix {
- color: #ff4d4f;
- }
- .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number,
- .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover {
- background: #fff;
- border-color: #faad14;
- }
- .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus,
- .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused {
- border-color: #ffc53d;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
- border-right-width: 1px;
- outline: 0;
- }
- .ant-input-number-status-warning .ant-input-number-prefix {
- color: #faad14;
- }
- .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
- .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
- background: #fff;
- border-color: #ff4d4f;
- }
- .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
- .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
- border-color: #ff7875;
- box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2);
- border-right-width: 1px;
- outline: 0;
- }
- .ant-input-number-affix-wrapper-status-error .ant-input-number-prefix {
- color: #ff4d4f;
- }
- .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
- .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
- background: #fff;
- border-color: #faad14;
- }
- .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus,
- .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused {
- border-color: #ffc53d;
- box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
- border-right-width: 1px;
- outline: 0;
- }
- .ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix {
- color: #faad14;
- }
- .ant-input-number-group-wrapper-status-error .ant-input-number-group-addon {
- color: #ff4d4f;
- border-color: #ff4d4f;
- }
- .ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon {
- color: #faad14;
- border-color: #faad14;
- }
- .ant-input-number {
- box-sizing: border-box;
- font-variant: tabular-nums;
- list-style: none;
- font-feature-settings: 'tnum';
- position: relative;
- 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;
- transition: all 0.3s;
- display: inline-block;
- width: 90px;
- margin: 0;
- padding: 0;
- border: 1px solid #d9d9d9;
- border-radius: 2px;
- }
- .ant-input-number::placeholder {
- color: #bfbfbf;
- user-select: none;
- }
- .ant-input-number:placeholder-shown {
- text-overflow: ellipsis;
- }
- .ant-input-number:hover {
- border-color: #40a9ff;
- border-right-width: 1px;
- }
- .ant-input-number:focus,
- .ant-input-number-focused {
- border-color: #40a9ff;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
- border-right-width: 1px;
- outline: 0;
- }
- .ant-input-number-disabled {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- cursor: not-allowed;
- opacity: 1;
- }
- .ant-input-number-disabled:hover {
- border-color: #d9d9d9;
- border-right-width: 1px;
- }
- .ant-input-number[disabled] {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- cursor: not-allowed;
- opacity: 1;
- }
- .ant-input-number[disabled]:hover {
- border-color: #d9d9d9;
- border-right-width: 1px;
- }
- .ant-input-number-borderless,
- .ant-input-number-borderless:hover,
- .ant-input-number-borderless:focus,
- .ant-input-number-borderless-focused,
- .ant-input-number-borderless-disabled,
- .ant-input-number-borderless[disabled] {
- background-color: transparent;
- border: none;
- box-shadow: none;
- }
- textarea.ant-input-number {
- max-width: 100%;
- height: auto;
- min-height: 32px;
- line-height: 1.5715;
- vertical-align: bottom;
- transition: all 0.3s, height 0s;
- }
- .ant-input-number-lg {
- padding: 6.5px 11px;
- font-size: 16px;
- }
- .ant-input-number-sm {
- padding: 0px 7px;
- }
- .ant-input-number-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-number-group[class*='col-'] {
- float: none;
- padding-right: 0;
- padding-left: 0;
- }
- .ant-input-number-group > [class*='col-'] {
- padding-right: 8px;
- }
- .ant-input-number-group > [class*='col-']:last-child {
- padding-right: 0;
- }
- .ant-input-number-group-addon,
- .ant-input-number-group-wrap,
- .ant-input-number-group > .ant-input-number {
- display: table-cell;
- }
- .ant-input-number-group-addon:not(:first-child):not(:last-child),
- .ant-input-number-group-wrap:not(:first-child):not(:last-child),
- .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
- border-radius: 0;
- }
- .ant-input-number-group-addon,
- .ant-input-number-group-wrap {
- width: 1px;
- white-space: nowrap;
- vertical-align: middle;
- }
- .ant-input-number-group-wrap > * {
- display: block !important;
- }
- .ant-input-number-group .ant-input-number {
- float: left;
- width: 100%;
- margin-bottom: 0;
- text-align: inherit;
- }
- .ant-input-number-group .ant-input-number:focus {
- z-index: 1;
- border-right-width: 1px;
- }
- .ant-input-number-group .ant-input-number:hover {
- z-index: 1;
- border-right-width: 1px;
- }
- .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
- z-index: 0;
- }
- .ant-input-number-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-number-group-addon .ant-select {
- margin: -5px -11px;
- }
- .ant-input-number-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-number-group-addon .ant-select-open .ant-select-selector,
- .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
- color: #1890ff;
- }
- .ant-input-number-group-addon .ant-cascader-picker {
- margin: -9px -12px;
- background-color: transparent;
- }
- .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
- text-align: left;
- border: 0;
- box-shadow: none;
- }
- .ant-input-number-group > .ant-input-number:first-child,
- .ant-input-number-group-addon:first-child {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
- .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-group-addon:first-child {
- border-right: 0;
- }
- .ant-input-number-group-addon:last-child {
- border-left: 0;
- }
- .ant-input-number-group > .ant-input-number:last-child,
- .ant-input-number-group-addon:last-child {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
- .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-group-lg .ant-input-number,
- .ant-input-number-group-lg > .ant-input-number-group-addon {
- padding: 6.5px 11px;
- font-size: 16px;
- }
- .ant-input-number-group-sm .ant-input-number,
- .ant-input-number-group-sm > .ant-input-number-group-addon {
- padding: 0px 7px;
- }
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
- height: 40px;
- }
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
- height: 24px;
- }
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-group.ant-input-number-group-compact {
- display: block;
- }
- .ant-input-number-group.ant-input-number-group-compact::before {
- display: table;
- content: '';
- }
- .ant-input-number-group.ant-input-number-group-compact::after {
- display: table;
- clear: both;
- content: '';
- }
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
- border-right-width: 1px;
- }
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
- z-index: 1;
- }
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
- z-index: 1;
- }
- .ant-input-number-group.ant-input-number-group-compact > * {
- display: inline-block;
- float: none;
- vertical-align: top;
- border-radius: 0;
- }
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper,
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper,
- .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
- display: inline-flex;
- }
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
- margin-right: -1px;
- border-right-width: 1px;
- }
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
- float: none;
- }
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
- border-right-width: 1px;
- border-radius: 0;
- }
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
- z-index: 1;
- }
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
- z-index: 1;
- }
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
- z-index: 1;
- }
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
- z-index: 1;
- }
- .ant-input-number-group.ant-input-number-group-compact > *:first-child,
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .ant-input-number-group.ant-input-number-group-compact > *:last-child,
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
- .ant-input-number-group.ant-input-number-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-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
- vertical-align: top;
- }
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
- margin-left: -1px;
- }
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
- border-radius: 0;
- }
- .ant-input-number-group.ant-input-number-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-number-group.ant-input-number-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-number-group > .ant-input-number-rtl:first-child {
- border-radius: 0 2px 2px 0;
- }
- .ant-input-number-group > .ant-input-number-rtl:last-child {
- border-radius: 2px 0 0 2px;
- }
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
- border-right: 1px solid #d9d9d9;
- border-left: 0;
- border-radius: 0 2px 2px 0;
- }
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
- border-right: 0;
- border-left: 1px solid #d9d9d9;
- border-radius: 2px 0 0 2px;
- }
- .ant-input-number-group-wrapper {
- display: inline-block;
- text-align: start;
- vertical-align: top;
- }
- .ant-input-number-handler {
- position: relative;
- display: block;
- width: 100%;
- height: 50%;
- overflow: hidden;
- color: rgba(0, 0, 0, 0.45);
- font-weight: bold;
- line-height: 0;
- text-align: center;
- border-left: 1px solid #d9d9d9;
- transition: all 0.1s linear;
- }
- .ant-input-number-handler:active {
- background: #f4f4f4;
- }
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
- color: #40a9ff;
- }
- .ant-input-number-handler-up-inner,
- .ant-input-number-handler-down-inner {
- display: inline-flex;
- align-items: center;
- 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;
- position: absolute;
- right: 4px;
- width: 12px;
- height: 12px;
- color: rgba(0, 0, 0, 0.45);
- line-height: 12px;
- transition: all 0.1s linear;
- user-select: none;
- }
- .ant-input-number-handler-up-inner > *,
- .ant-input-number-handler-down-inner > * {
- line-height: 1;
- }
- .ant-input-number-handler-up-inner svg,
- .ant-input-number-handler-down-inner svg {
- display: inline-block;
- }
- .ant-input-number-handler-up-inner::before,
- .ant-input-number-handler-down-inner::before {
- display: none;
- }
- .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
- .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
- .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
- .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
- display: block;
- }
- .ant-input-number:hover {
- border-color: #40a9ff;
- border-right-width: 1px;
- }
- .ant-input-number:hover + .ant-form-item-children-icon {
- opacity: 0;
- transition: opacity 0.24s linear 0.24s;
- }
- .ant-input-number-focused {
- border-color: #40a9ff;
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
- border-right-width: 1px;
- outline: 0;
- }
- .ant-input-number-disabled {
- color: rgba(0, 0, 0, 0.25);
- background-color: #f5f5f5;
- border-color: #d9d9d9;
- box-shadow: none;
- cursor: not-allowed;
- opacity: 1;
- }
- .ant-input-number-disabled:hover {
- border-color: #d9d9d9;
- border-right-width: 1px;
- }
- .ant-input-number-disabled .ant-input-number-input {
- cursor: not-allowed;
- }
- .ant-input-number-disabled .ant-input-number-handler-wrap {
- display: none;
- }
- .ant-input-number-readonly .ant-input-number-handler-wrap {
- display: none;
- }
- .ant-input-number-input {
- width: 100%;
- height: 30px;
- padding: 0 11px;
- text-align: left;
- background-color: transparent;
- border: 0;
- border-radius: 2px;
- outline: 0;
- transition: all 0.3s linear;
- appearance: textfield !important;
- }
- .ant-input-number-input::placeholder {
- color: #bfbfbf;
- user-select: none;
- }
- .ant-input-number-input:placeholder-shown {
- text-overflow: ellipsis;
- }
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
- margin: 0;
- /* stylelint-disable-next-line property-no-vendor-prefix */
- -webkit-appearance: none;
- appearance: none;
- }
- .ant-input-number-lg {
- padding: 0;
- font-size: 16px;
- }
- .ant-input-number-lg input {
- height: 38px;
- }
- .ant-input-number-sm {
- padding: 0;
- }
- .ant-input-number-sm input {
- height: 22px;
- padding: 0 7px;
- }
- .ant-input-number-handler-wrap {
- position: absolute;
- top: 0;
- right: 0;
- width: 22px;
- height: 100%;
- background: #fff;
- border-radius: 0 2px 2px 0;
- opacity: 0;
- transition: opacity 0.24s linear 0.1s;
- }
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
- display: flex;
- align-items: center;
- justify-content: center;
- min-width: auto;
- margin-right: 0;
- font-size: 7px;
- }
- .ant-input-number-borderless .ant-input-number-handler-wrap {
- border-left-width: 0;
- }
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
- height: 40%;
- }
- .ant-input-number:hover .ant-input-number-handler-wrap,
- .ant-input-number-focused .ant-input-number-handler-wrap {
- opacity: 1;
- }
- .ant-input-number-handler-up {
- border-top-right-radius: 2px;
- cursor: pointer;
- }
- .ant-input-number-handler-up-inner {
- top: 50%;
- margin-top: -5px;
- text-align: center;
- }
- .ant-input-number-handler-up:hover {
- height: 60% !important;
- }
- .ant-input-number-handler-down {
- top: 0;
- border-top: 1px solid #d9d9d9;
- border-bottom-right-radius: 2px;
- cursor: pointer;
- }
- .ant-input-number-handler-down-inner {
- top: 50%;
- text-align: center;
- transform: translateY(-50%);
- }
- .ant-input-number-handler-down:hover {
- height: 60% !important;
- }
- .ant-input-number-borderless .ant-input-number-handler-down {
- border-top-width: 0;
- }
- .ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down,
- .ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down {
- border-top: 1px solid #d9d9d9;
- }
- .ant-input-number-handler-up-disabled,
- .ant-input-number-handler-down-disabled {
- cursor: not-allowed;
- }
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
- color: rgba(0, 0, 0, 0.25);
- }
- .ant-input-number-borderless {
- box-shadow: none;
- }
- .ant-input-number-out-of-range input {
- color: #ff4d4f;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
- margin-right: -1px;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
- margin-left: -1px;
- }
- .ant-input-number-compact-item:hover,
- .ant-input-number-compact-item:focus,
- .ant-input-number-compact-item:active {
- z-index: 2;
- }
- .ant-input-number-compact-item.ant-input-number-focused {
- z-index: 2;
- }
- .ant-input-number-compact-item[disabled] {
- z-index: 0;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number {
- border-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
- margin-right: -1px;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl {
- margin-left: -1px;
- }
- .ant-input-number-compact-item:hover,
- .ant-input-number-compact-item:focus,
- .ant-input-number-compact-item:active {
- z-index: 2;
- }
- .ant-input-number-compact-item.ant-input-number-focused {
- z-index: 2;
- }
- .ant-input-number-compact-item[disabled] {
- z-index: 0;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-affix-wrapper {
- border-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number-affix-wrapper.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-last-item) {
- margin-right: -1px;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-group-wrapper-compact-item-rtl {
- margin-right: 0;
- margin-left: -1px;
- }
- .ant-input-number-compact-item:hover > *,
- .ant-input-number-compact-item:focus > *,
- .ant-input-number-compact-item:active > * {
- z-index: 2;
- }
- .ant-input-number-compact-item.ant-input-number-focused > * {
- z-index: 2;
- }
- .ant-input-number-compact-item[disabled] > * {
- z-index: 0;
- }
- .ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number-group-wrapper .ant-input-number-group-addon {
- border-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number-compact-first-item.ant-input-number-group-wrapper:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) .ant-input-number-group-addon {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number-compact-last-item.ant-input-number-group-wrapper:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) .ant-input-number-group-addon {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number-group-wrapper.ant-input-number-compact-first-item.ant-input-number-compact-item-rtl:not(.ant-input-number-compact-last-item) .ant-input-number-group-addon {
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- }
- .ant-input-number-compact-item.ant-input-number-group-wrapper.ant-input-number-compact-last-item.ant-input-number-compact-item-rtl:not(.ant-input-number-compact-first-item) .ant-input-number-group-addon {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- }
- .ant-input-number-rtl {
- direction: rtl;
- }
- .ant-input-number-rtl .ant-input-number-handler {
- border-right: 1px solid #d9d9d9;
- border-left: 0;
- }
- .ant-input-number-rtl .ant-input-number-handler-wrap {
- right: auto;
- left: 0;
- }
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
- border-right-width: 0;
- }
- .ant-input-number-rtl .ant-input-number-handler-up {
- border-top-right-radius: 0;
- }
- .ant-input-number-rtl .ant-input-number-handler-down {
- border-bottom-right-radius: 0;
- }
- .ant-input-number-rtl .ant-input-number-input {
- direction: ltr;
- text-align: right;
- }
- .ant-input-number-affix-wrapper > nz-input-number.ant-input-number {
- width: 100%;
- border: none;
- outline: none;
- }
- .ant-input-number-affix-wrapper > nz-input-number.ant-input-number.ant-input-number-focused {
- box-shadow: none !important;
- }
- .ant-input-number.ant-input-number-has-feedback .ant-input-number-handler-wrap {
- z-index: 2;
- }
|