Skip to content
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

Update checks and radios in input groups #32912

Merged
merged 2 commits into from
Jan 28, 2021
Merged

Conversation

mdo
Copy link
Member

@mdo mdo commented Jan 27, 2021

I think I'd rather go this route than zeroing out the margin via component CSS. Doing it in the CSS would require specific control over the HTML (e.g., with a selector like .input-group-addon > .form-check-input) which would be less flexible to custom markup. It'd also cause issues when there's visible text next to the input as it would now be misaligned there.

Fixes #32857.

- Adds .mt-0 to the examples
- Zero-ing out universally for all of them like in #32896 would cause issues for those who include the input with visible label text, where the text and input would be misaligned
Copy link
Member

@ffoodd ffoodd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👌

v5.0.0-beta3 automation moved this from Inbox to Approved Jan 27, 2021
@XhmikosR XhmikosR removed this from Approved in v5.0.0-beta3 Jan 28, 2021
@XhmikosR XhmikosR added this to Inbox in v5.0.0-beta2 via automation Jan 28, 2021
@XhmikosR XhmikosR moved this from Inbox to Approved in v5.0.0-beta2 Jan 28, 2021
@XhmikosR XhmikosR merged commit 51ca9a9 into main Jan 28, 2021
v5.0.0-beta2 automation moved this from Approved to Done Jan 28, 2021
@XhmikosR XhmikosR deleted the input-groups-checks-radios branch January 28, 2021 09:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
v5.0.0-beta2
  
Done
Development

Successfully merging this pull request may close these issues.

[v5] form-check-input inside input-group-text is not vertically centered
3 participants