mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 19:19:57 +08:00
Code Issues Actions 31 Packages Projects Releases Wiki Activity

Fix InputNumber vertial-align

Browse Source 
https://github.com/ant-design/ant-design/issues/3866#issuecomment-261148256
This commit is contained in:
afc163 2016-11-17 12:10:20 +08:00
parent 260665d1c2
commit c20239829d
1 changed files with 9 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,20 +14,17 @@
.input(); .input();
margin: 0; margin: 0;
padding: 0; padding: 0;
line-height: 28px;
font-size: @font-size-base; font-size: @font-size-base;
height: 28px; height: 28px;
display: inline-block; display: inline-block;
vertical-align: middle;
border: 1px solid @border-color-base; border: 1px solid @border-color-base;
border-radius: @border-radius-base; border-radius: @border-radius-base;
overflow: hidden;
width: 80px; width: 80px;
&-handler { &-handler {
text-align: center; text-align: center;
line-height: 0; line-height: 0;
height: 14px; height: 50%;
overflow: hidden; overflow: hidden;
color: @text-color-secondary; color: @text-color-secondary;
position: relative; position: relative;
@ -70,18 +67,13 @@
.disabled(); .disabled();
} }
&-input-wrap {
overflow: hidden;
height: 28px;
}
&-input { &-input {
width: 100%; width: 100%;
text-align: left; text-align: left;
outline: 0; outline: 0;
-moz-appearance: textfield; -moz-appearance: textfield;
line-height: 28px; line-height: 26px;
height: 28px; height: 26px;
transition: all 0.3s linear; transition: all 0.3s linear;
color: @text-color; color: @text-color;
border: 0; border: 0;
@ -95,19 +87,13 @@
&-lg { &-lg {
padding: 0; padding: 0;
.@{input-number-prefix-cls}-handler-wrap {
height: 32px;
}
.@{input-number-prefix-cls}-input-wrap {
height: 32px;
}
.@{input-number-prefix-cls}-handler { .@{input-number-prefix-cls}-handler {
height: 16px; height: 16px;
} }
input { input {
height: 32px; height: 30px;
line-height: 32px; line-height: 30px;
} }
.@{input-number-prefix-cls}-handler-up-inner { .@{input-number-prefix-cls}-handler-up-inner {
@ -123,22 +109,15 @@
&-sm { &-sm {
padding: 0; padding: 0;
.@{input-number-prefix-cls}-handler-wrap {
height: 22px;
}
.@{input-number-prefix-cls}-input-wrap {
height: 22px;
}
.@{input-number-prefix-cls}-handler { .@{input-number-prefix-cls}-handler {
height: 11px; height: 11px;
} }
input { input {
height: 22px; height: 20px;
line-height: 22px; line-height: 20px;
margin-top: -1px;
vertical-align: top;
} }
.@{input-number-prefix-cls}-handler-up-inner { .@{input-number-prefix-cls}-handler-up-inner {
top: -1px; top: -1px;
} }
@ -159,7 +138,7 @@
height: 100%; height: 100%;
background: #fff; background: #fff;
position: absolute; position: absolute;
top: -1px; top: 0;
right: 0; right: 0;
opacity: 0; opacity: 0;
border-radius: 0 @border-radius-base @border-radius-base 0; border-radius: 0 @border-radius-base @border-radius-base 0;