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

fix .col-form-label paddings #23121

Merged
merged 2 commits into from
Oct 2, 2017
Merged

fix .col-form-label paddings #23121

merged 2 commits into from
Oct 2, 2017

Conversation

wojtask9
Copy link
Contributor

@wojtask9 wojtask9 commented Jul 19, 2017

Fixes #23447.

Current calculations are wrong for me.
First we shouldn't multiply border by two. Second we should add (not substract) border to padding.
Also we want the same line-height like .form-control have.
Without line-height .from-control-plaintext isn't properly aligned with *-sm/lg modifiers.

We can avoid calc() too. Just add to .col-form-label border:
border: $input-btn-border-width solid transparent;

@wojtask9
Copy link
Contributor Author

Forgot to mention that .form-control-* also have line-height so .col-form-label-* need line-height too.

Copy link
Member

@mdo mdo left a comment

Choose a reason for hiding this comment

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

Verified this locally and it looks good. Thanks!

@mdo mdo merged commit 9145cc8 into twbs:v4-dev Oct 2, 2017
@mdo mdo mentioned this pull request Oct 2, 2017
@david-singh
Copy link

How do I stop all this going to my mail

@Johann-S
Copy link
Member

Johann-S commented Oct 3, 2017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants