Fixes #13997: Move min-height for radio/checkbox to their inner label

e2029e12 · Mark Otto · 354d4236 · e2029e12 · e2029e12 · e2029e12
Commit e2029e12 authored 10 years ago by Mark Otto
Expand all Hide whitespace changes
Inline Side-by-side

Showing

with 6 additions and 6 deletions
+6 -6
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -2418,12 +2418,12 @@ input[type="month"].input-lg {
 .checkbox {
  position: relative;
  display: block;
-  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
 }
 .radio label,
 .checkbox label {
+  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;

--- a/dist/css/bootstrap.css.map
+++ b/dist/css/bootstrap.css.map
--- a/dist/css/bootstrap.min.css
+++ b/dist/css/bootstrap.min.css
--- a/docs/assets/js/customize.min.js
+++ b/docs/assets/js/customize.min.js
--- a/docs/dist/css/bootstrap.css
+++ b/docs/dist/css/bootstrap.css
@@ -2418,12 +2418,12 @@ input[type="month"].input-lg {
 .checkbox {
  position: relative;
  display: block;
-  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
 }
 .radio label,
 .checkbox label {
+  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;

--- a/docs/dist/css/bootstrap.css.map
+++ b/docs/dist/css/bootstrap.css.map
--- a/docs/dist/css/bootstrap.min.css
+++ b/docs/dist/css/bootstrap.min.css
--- a/less/forms.less
+++ b/less/forms.less
@@ -208,11 +208,11 @@ input[type="month"] {
 .checkbox {
  position: relative;
  display: block;
-  min-height: @line-height-computed; // clear the floating input if there is no label text
  margin-top: 10px;
  margin-bottom: 10px;

  label {
+    min-height: @line-height-computed; // Ensure the input doens't jump when no text
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;