External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-15 03:40:42 -03:30
Code Issues Packages Projects Releases Wiki Activity

Password element styling

Browse Source
This commit is contained in:
Jared Tabor 2016-02-11 23:35:44 -08:00
parent 3503ec9deb
commit 7509fdf751
2 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
awx/ui/client/legacy-styles/forms.less
View File

@ -251,6 +251,34 @@
width: 100%;
}
.Form-passwordButton{
height: 30px;
color: @field-lookup-btn-icon!important;
text-transform: uppercase;
line-height: 1;
padding-left: 7px;
padding-right: 7px;
background-color: @field-lookup-btn-bg;
border:1px solid @field-border;
}
.Form-passwordButton:hover {
cursor: pointer;
background-color: @field-lookup-btn-hov-bg;
border: 1px solid @field-border;
color: @field-lookup-btn-icon;
}
.Form-passwordButton:focus{
border: 1px solid @field-border;
background-color: @field-lookup-btn-hov-bg;
}
.Form-passwordButton:active {
border: 1px solid @field-border;
background-color: @field-lookup-btn-hov-bg;
}
.Form-lookupButton {
height: 30px;
width: 30px;

4
awx/ui/client/src/shared/form-generator.js
View File

@ -877,7 +877,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
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.
html += "<span class='input-group-btn'>\n";
html += "<button class='btn btn-default show_input_button' ";
html += "<button class='btn btn-default show_input_button Form-passwordButton' ";
html += buildId(field, fld + "_show_input_button", this.form);
html += "aw-tool-tip='Toggle the display of plaintext.' aw-tip-placement='top' ";
html += "ng-click='" + fld + "_field.toggleInput(\"#" + this.form.name + "_" + fld + "\")'";
@ -914,7 +914,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
html += buildId(field, fld, this.form);
html += (field.controlNGClass) ? "ng-class='" + field.controlNGClass + "' " : "";
html += "class='form-control";
html += "class='form-control Form-textInput";
html += (field['class']) ? " " + this.attr(field, 'class') : "";
html += "' ";
html += (field.chkPass) ? "chk-pass " : "";