test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

fix: InputNumber border-radius and handle color style (#37070)

Browse Source
This commit is contained in:
Haniel Cui 2022-08-17 14:51:20 +08:00 committed by GitHub
parent ab4d656b7b
commit 16492a2090
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/input-number/style/index.less
View File

@ -27,8 +27,8 @@
width: 90px;
margin: 0;
padding: 0;
border: @border-width-base @border-style-base @border-color-base;
border-radius: @border-radius-base;
border: @border-width-base @border-style-base @input-border-color;
border-radius: @control-border-radius;
&-handler {
position: relative;
@ -102,7 +102,7 @@
text-align: left;
background-color: transparent;
border: 0;
border-radius: @border-radius-base;
border-radius: @control-border-radius;
outline: 0;
transition: all 0.3s linear;
appearance: textfield !important;
@ -142,7 +142,7 @@
width: 22px;
height: 100%;
background: @input-number-handler-bg;
border-radius: 0 @border-radius-base @border-radius-base 0;
border-radius: 0 @control-border-radius @control-border-radius 0;
opacity: 0;
transition: opacity 0.24s linear 0.1s;
@ -176,7 +176,7 @@
}
&-handler-up {
border-top-right-radius: @border-radius-base;
border-top-right-radius: @control-border-radius;
cursor: pointer;
&-inner {
@ -192,8 +192,8 @@
&-handler-down {
top: 0;
border-top: @border-width-base @border-style-base @border-color-base;
border-bottom-right-radius: @border-radius-base;
border-top: @border-width-base @border-style-base @input-number-handler-border-color;
border-bottom-right-radius: @control-border-radius;
cursor: pointer;
&-inner {
@ -210,6 +210,11 @@
}
}
&:hover:not(.@{input-number-prefix-cls}-borderless) &-handler-down,
&-focused:not(.@{input-number-prefix-cls}-borderless) &-handler-down {
border-top: @border-width-base @border-style-base @input-number-handler-border-color;
}
&-handler-up-disabled,
&-handler-down-disabled {
cursor: not-allowed;