mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00
Code Activity

Fixes #12843: Scope label styles for horizontal forms to a media query so their narrow viewport display looks just like a normal form

Browse Source
This commit is contained in:
Mark Otto
2014-03-09 17:22:52 -07:00
parent 2f955907f9
commit 1a5fb4ef24
9 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/css/bootstrap-rtl.css
Vendored
+2 -1
View File
@@ -3368,7 +3368,6 @@ select[multiple].input-lg {
} }
} }
.form-horizontal .control-label,
.form-horizontal .radio, .form-horizontal .radio,
.form-horizontal .checkbox, .form-horizontal .checkbox,
.form-horizontal .radio-inline, .form-horizontal .radio-inline,
@@ -3395,6 +3394,8 @@ select[multiple].input-lg {
@media (min-width: 768px) { @media (min-width: 768px) {
.form-horizontal .control-label { .form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: left; text-align: left;
} }
} }
dist/css/bootstrap-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/css/bootstrap.css
Vendored
+2 -1
View File
@@ -2615,7 +2615,6 @@ select[multiple].input-lg {
top: 0; top: 0;
} }
} }
.form-horizontal .control-label,
.form-horizontal .radio, .form-horizontal .radio,
.form-horizontal .checkbox, .form-horizontal .checkbox,
.form-horizontal .radio-inline, .form-horizontal .radio-inline,
@@ -2638,6 +2637,8 @@ select[multiple].input-lg {
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.form-horizontal .control-label { .form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right; text-align: right;
} }
} }
dist/css/bootstrap.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap-rtl.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
less/forms.less
+7 -3
View File
@@ -413,8 +413,9 @@ input[type="checkbox"],
.form-horizontal { .form-horizontal {
// Consistent vertical alignment of labels, radios, and checkboxes // Consistent vertical alignment of radios and checkboxes
.control-label, //
// Labels also get some reset styles, but that is scope to a media query below.
.radio, .radio,
.checkbox, .checkbox,
.radio-inline, .radio-inline,
@@ -440,10 +441,13 @@ input[type="checkbox"],
padding-bottom: (@padding-base-vertical + 1); padding-bottom: (@padding-base-vertical + 1);
} }
// Only right align form labels here when the columns stop stacking // Reset spacing and right align labels, but scope to media queries so that
// labels on narrow viewports stack the same as a default form example.
@media (min-width: @screen-sm-min) { @media (min-width: @screen-sm-min) {
.control-label { .control-label {
text-align: right; text-align: right;
margin-bottom: 0;
padding-top: (@padding-base-vertical + 1); // Default padding plus a border
} }
} }