1
0
mirror of https://github.com/ansible/awx.git synced 2024-10-31 15:21:13 +03:00

Add class to prevent form input overlap

This commit is contained in:
gconsidine 2017-04-04 14:46:04 -04:00
parent cc476541a1
commit 6204d263a4
2 changed files with 7 additions and 3 deletions

View File

@ -484,6 +484,10 @@ input[type='radio']:checked:before {
display: inline-block !important;
}
.Form-mixedInputGroup {
width: 100%;
}
.FormToggle {}
.FormToggle-container {
float: right;

View File

@ -775,7 +775,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
html += (horizontal) ? "class=\"" + getFieldWidth() + "\"" : "";
html += ">\n";
html += (field.clear || field.genMD5) ? "<div class=\"input-group\">\n" : "";
html += (field.clear || field.genMD5) ? "<div class=\"input-group Form-mixedInputGroup\">\n" : "";
if (field.control === null || field.control === undefined || field.control) {
html += "<input ";
@ -872,7 +872,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
html += "\t" + label();
if (field.hasShowInputButton) {
var tooltip = i18n._("Toggle the display of plaintext.");
html += "\<div class='input-group";
html += "\<div class='input-group Form-mixedInputGroup";
html += (horizontal) ? " " + getFieldWidth() : "";
html += "'>\n";
// TODO: make it so that the button won't show up if the mode is edit, hasShowInputButton !== true, and there are no contents in the field.
@ -1368,7 +1368,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
html += (horizontal) ? "class=\"" + getFieldWidth() + "\"" : "";
html += ">\n";
html += `<div class="input-group">`;
html += `<div class="input-group Form-mixedInputGroup">`;
html += "<span class=\"input-group-btn\">\n";
html += `<button type="button" class="Form-lookupButton btn btn-default" ng-click="${field.ngClick || defaultLookupNgClick}"
${field.readonly || field.showonly}