Make checkbox labels the width of their contents no their parent

This commit is contained in:
mabashian
2018-04-13 10:34:39 -04:00
parent fb53bc95db
commit cb01dea55f
3 changed files with 7 additions and 1 deletions

View File

@@ -879,7 +879,6 @@ input[type="checkbox"].checkbox-no-label {
.checkbox-options { .checkbox-options {
font-weight: normal; font-weight: normal;
padding-right: 20px;
} }
/* Display list actions next to search widget */ /* Display list actions next to search widget */

View File

@@ -788,3 +788,8 @@ input[type='radio']:checked:before {
border-color: @b7grey; border-color: @b7grey;
background-color: @ebgrey; background-color: @ebgrey;
} }
.Form-checkboxRow {
float: left;
clear: left;
}

View File

@@ -599,6 +599,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
label = (includeLabel !== undefined && includeLabel === false) ? false : true; label = (includeLabel !== undefined && includeLabel === false) ? false : true;
if (label) { if (label) {
html += "<span class=\"Form-checkboxRow\">";
html += "<label class=\""; html += "<label class=\"";
html += (field.inline === undefined || field.inline === true) ? "checkbox-inline" : ""; html += (field.inline === undefined || field.inline === true) ? "checkbox-inline" : "";
html += (field.labelClass) ? " " + field.labelClass : ""; html += (field.labelClass) ? " " + field.labelClass : "";
@@ -628,6 +629,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
html += field.label + " "; html += field.label + " ";
html += (field.awPopOver) ? Attr(field, 'awPopOver', fld) : ""; html += (field.awPopOver) ? Attr(field, 'awPopOver', fld) : "";
html += "</label>\n"; html += "</label>\n";
html += "</span>";
} }
return html; return html;