[v4 css] form-control-sm styling #21587
Milestone
Comments
|
Same on macOS Sierra and Chrome version 55.0.2883.95 (64-bit).
|
|
So it looks like <input class="form-control form-control-sm" type="text"><select class="form-control form-control-sm">
<option>Small select</option>
</select>Can you try this and see if you still encounter the same issue? |
|
Ahh, you're right!... but the input height is still not matching perfectly... here is a zoomed in screenshot:
|
sergiopantoja
added a commit
to sergiopantoja/bootstrap
that referenced
this issue
Jan 7, 2017
…tn-sm This commit shares line-height across these form elements, and adds the same height calculation to `select.form-control-sm` that we have for `select.form-control`. For issue twbs#21587 Relevant commits: twbs@8e455ff twbs@0c467e7 twbs@6993db1
mdo
added a commit
that referenced
this issue
Mar 28, 2017
— Updates $btn- and $input- variables for padding and line-height to be shared like the $input-btn-border-width variable. — Moves from 1.333 lg line-height to 1.5 for better and easier math that matches the small inputs and buttons. — Updates button-size mixin to accept a line-height argument Also closes #21592
mdo
added a commit
that referenced
this issue
Mar 28, 2017
|
Fixed by #22287. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
When comparing form elements with a "form-control" versus a "form-control-sm" class in Bootstrap v4.0.0-alpha.6, there are some notable differences – I'm using Windows 10 and Chrome version 55.0.2883.87 m (64-bit), in case that matters.
demo (updated!)
select.form-control-sm– border too darkinput.form-control-sm– mismatched height& inset borderUpdate: sorry, I didn't realize that both classes needed to be applied.... the
inputheight is still slightly off.The text was updated successfully, but these errors were encountered: