mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

not aligned after customizing the size of input

Browse Source 
For some reasons I customized the size of <Input/>. Now the default height of <Input> is 40px. But there's a problem in <RangePicker/> after doing that: the texts and icon inside it are not aligned vertically at center.

When I look into the code I found the height of `ant-calendar-range-picker-input` is 18px. I modified it to 100% and it aligned. I'm not sure if it can affect the other code.

----------------------------------------
因为某些原因我自定义了 <Input/> 的尺寸，现在它的默认高度是40px。但是当我使用 <RangePicker/> 组件时，我发现了一个问题：输入框里面的文字和图标在垂直方向不能居中对齐。我看了一下 css 代码，发现里面的 `ant-calendar-range-picker-input` 高度是固定的18px，我把它改成100%就可以垂直居中对齐了。我不知道这个改动是否会影响其他代码。
This commit is contained in:
leadream 2017-04-11 18:48:03 +08:00 committed by GitHub
parent 3ca3c178cc
commit 193b2b7684
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/date-picker/style/RangePicker.less
View File

@ -3,8 +3,8 @@
.@{calendar-prefix-cls}-range-picker-input {
background-color: transparent;
border: 0;
height: 18px;
line-height: 18px;
height: 100%;
line-height: 100%;
outline: 0;
width: 43%;
text-align: center;