-
Notifications
You must be signed in to change notification settings - Fork 3.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
nzValidateStatus & nzHasFeedback overlap with nzSuffix #3607
Comments
Hi @Svetomechc form .has-feedback .ant-input-suffix i {
margin-right: 18px;
} |
Thank you. I will wait for 8.0.0 (I already worked around this issue for now). |
Tried release candidate. I am really sorry to say that your fix is quite subpar because it adds a constant margin, no matter if there are two icons or one. See demonstration: Previously icons would always stick to the right. But now second image looks like a regression from ng-zorro-antd 7.x.x. |
@vthinkxie, please reopen. |
Still the same. |
@Svetomechc |
@vthinkxie oh sorry, my bad. |
@vthinkxie By the way, thank you for all your hard work and patience. Much appreciated (: |
try this form .has-feedback.has-success .ant-input-suffix i,
form .has-feedback.has-error .ant-input-suffix i,
form .has-feedback.is-validating .ant-input-suffix i{
margin-right: 18px;
} |
@vthinkxie this still makes [nzSuffix] position a bit off. |
Hmm, looks OK to me. Have to investigate why it doesn't work in my case. I will provide a repro link. As a side note, I think [nzSuffix] should be displayed to the right of [nzHasFeedback] icon, not to the left. |
Reproduction link
https://stackblitz.com/edit/ng-zorro-antd-start-zahkan
Steps to reproduce
What is expected?
Icons are displayed next to each other
What is actually happening?
Icons overlap
P.S. Issue Helper can't handle "&" sign:
Issue title
Issue title after pressing "Create"
The text was updated successfully, but these errors were encountered: