mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 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();
margin: 0;
padding: 0;
line-height: 28px;
font-size: @font-size-base;
height: 28px;
display: inline-block;
vertical-align: middle;
border: 1px solid @border-color-base;
border-radius: @border-radius-base;
overflow: hidden;
width: 80px;
&-handler {
text-align: center;
line-height: 0;
height: 14px;
height: 50%;
overflow: hidden;
color: @text-color-secondary;
position: relative;
@ -70,18 +67,13 @@
.disabled();
}
&-input-wrap {
overflow: hidden;
height: 28px;
}
&-input {
width: 100%;
text-align: left;
outline: 0;
-moz-appearance: textfield;
line-height: 28px;
height: 28px;
line-height: 26px;
height: 26px;
transition: all 0.3s linear;
color: @text-color;
border: 0;
@ -95,19 +87,13 @@
&-lg {
padding: 0;
.@{input-number-prefix-cls}-handler-wrap {
height: 32px;
}
.@{input-number-prefix-cls}-input-wrap {
height: 32px;
}
.@{input-number-prefix-cls}-handler {
height: 16px;
}
input {
height: 32px;
line-height: 32px;
height: 30px;
line-height: 30px;
}
.@{input-number-prefix-cls}-handler-up-inner {
@ -123,22 +109,15 @@
&-sm {
padding: 0;
.@{input-number-prefix-cls}-handler-wrap {
height: 22px;
}
.@{input-number-prefix-cls}-input-wrap {
height: 22px;
}
.@{input-number-prefix-cls}-handler {
height: 11px;
}
input {
height: 22px;
line-height: 22px;
margin-top: -1px;
vertical-align: top;
height: 20px;
line-height: 20px;
}
.@{input-number-prefix-cls}-handler-up-inner {
top: -1px;
}
@ -159,7 +138,7 @@
height: 100%;
background: #fff;
position: absolute;
top: -1px;
top: 0;
right: 0;
opacity: 0;
border-radius: 0 @border-radius-base @border-radius-base 0;