mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
6a7acfbf6e
* feat: inputNumber support status * test: fix test * feat: custom status first * refactor: getMergedStatus pass status in params
84 lines
1.5 KiB
Plaintext
84 lines
1.5 KiB
Plaintext
@import '../../input/style/mixin';
|
|
@import (reference) '../../style/themes/index';
|
|
@input-prefix-cls: ~'@{ant-prefix}-input';
|
|
|
|
@input-affix-margin: 4px;
|
|
|
|
.@{ant-prefix}-input-number {
|
|
&-affix-wrapper {
|
|
.input();
|
|
// or number handler will cover form status
|
|
position: relative;
|
|
display: inline-flex;
|
|
width: 90px;
|
|
padding: 0;
|
|
padding-inline-start: @input-padding-horizontal-base;
|
|
|
|
&:not(&-disabled):hover {
|
|
.hover();
|
|
z-index: 1;
|
|
}
|
|
|
|
&-focused,
|
|
&:focus {
|
|
z-index: 1;
|
|
}
|
|
|
|
&-disabled {
|
|
.@{ant-prefix}-input-number[disabled] {
|
|
background: transparent;
|
|
}
|
|
}
|
|
|
|
> div.@{ant-prefix}-input-number {
|
|
width: 100%;
|
|
border: none;
|
|
outline: none;
|
|
|
|
&.@{ant-prefix}-input-number-focused {
|
|
box-shadow: none !important;
|
|
}
|
|
}
|
|
|
|
input.@{ant-prefix}-input-number-input {
|
|
padding: 0;
|
|
}
|
|
|
|
&::before {
|
|
width: 0;
|
|
visibility: hidden;
|
|
content: '\a0';
|
|
}
|
|
|
|
.@{ant-prefix}-input-number-handler-wrap {
|
|
z-index: 2;
|
|
}
|
|
}
|
|
|
|
&-prefix,
|
|
&-suffix {
|
|
display: flex;
|
|
flex: none;
|
|
align-items: center;
|
|
pointer-events: none;
|
|
}
|
|
|
|
&-prefix {
|
|
margin-inline-end: @input-affix-margin;
|
|
}
|
|
|
|
&-suffix {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
height: 100%;
|
|
margin-right: @input-padding-horizontal-base;
|
|
margin-left: @input-affix-margin;
|
|
}
|
|
}
|
|
|
|
.@{ant-prefix}-input-number-group-wrapper .@{ant-prefix}-input-number-affix-wrapper {
|
|
width: 100%;
|
|
}
|