test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 19:49:59 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

🐛 Fix hasFeedback overlap issue with Input.Password

Browse Source 
close #16443
This commit is contained in:
afc163 2019-05-07 11:13:55 +08:00
parent 184cf2ba88
commit 715f2f6ebc
No known key found for this signature in database
GPG Key ID: 738F973FCE5C6B48
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/form/demo/register.md
View File

@ -148,6 +148,7 @@ class RegistrationForm extends React.Component {
</Form.Item>
<Form.Item
label="Password"
hasFeedback
>
{getFieldDecorator('password', {
rules: [{
@ -156,11 +157,12 @@ class RegistrationForm extends React.Component {
validator: this.validateToNextPassword,
}],
})(
<Input type="password" />
<Input.Password />
)}
</Form.Item>
<Form.Item
label="Confirm Password"
hasFeedback
>
{getFieldDecorator('confirm', {
rules: [{
@ -169,7 +171,7 @@ class RegistrationForm extends React.Component {
validator: this.compareToFirstPassword,
}],
})(
<Input type="password" onBlur={this.handleConfirmBlur} />
<Input.Password onBlur={this.handleConfirmBlur} />
)}
</Form.Item>
<Form.Item

5
components/form/style/index.less
View File

@ -163,13 +163,16 @@ input[type='checkbox'] {
text-align: center;
}
// 表单下的输入框尺寸唯一: 大尺寸
form {
.has-feedback {
.@{ant-prefix}-input {
padding-right: 24px;
}
.@{ant-prefix}-input-password-icon {
margin-right: 18px;
}
// Fix overlapping between feedback icon and <Select>'s arrow.
// https://github.com/ant-design/ant-design/issues/4431
> .@{ant-prefix}-select .@{ant-prefix}-select-arrow,