rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set vertical-align on .form-check-input (#29521)

Browse source 
This is a follow-up to #29322, specifically "allowing easy placement of
the `.form-check-input` in more places."  In my testing in Firefox and
Chrome, setting `vertical-align: top` removes the need to add
`float-left` to vertically align the checkbox and label text.  And doing
so does not visually affect examples which do apply `float: left` via
nesting in a `.form-check`.
This commit is contained in:
Jonathan Hefner 2019-11-24 13:15:35 -06:00 • committed by Martijn Cuppens
parent 460ba061cb
commit 0caed940a5
2 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

1
scss/forms/_form-check.scss
View file

@ -18,6 +18,7 @@
width: $form-check-input-width;
height: $form-check-input-width;
margin-top: ($line-height-base - $form-check-input-width) / 2; // line-height minus check height
vertical-align: top;
background-color: $form-check-input-bg;
border: $form-check-input-border;
appearance: none;