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

Merge pull request #908 from jaredevantabor/lookup-styling

Browse Source 
Lookup field styling
This commit is contained in:
Jared Tabor 2016-02-11 09:27:02 -08:00
commit 36a2b48e8e
3 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -207,6 +207,29 @@
width: 100%;
}
.Form-lookupButton {
height: 30px;
width: 30px;
color: @field-lookup-btn-icon!important;
font-size: 16px;
background-color: @field-lookup-btn-bg;
display: flex;
align-items: center;
justify-content: center;
border:1px solid @field-border;
}
.Form-lookupButton:hover {
cursor: pointer;
background-color: @field-lookup-btn-hov-bg;
border: 1px solid @field-border;
color: @field-lookup-btn-icon;
}
.Form-lookupButton:focus {
border: 1px solid @field-border;
}
.CodeMirror{
border-radius: 5px;
font-family: 'Open Sans';

3
awx/ui/client/src/shared/branding/colors.default.less
View File

@ -108,6 +108,9 @@
@submit-button-bg-dis: @default-icon-hov;
@code-mirror-gutter: @default-button-hov;
@radio-bg: @default-interface-txt;
@field-lookup-btn-icon: @default-icon;
@field-lookup-btn-bg: @default-bg;
@field-lookup-btn-hov-bg:@default-tertiary-bg;
// footer
@copyright-text: @default-interface-txt;

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

@ -1318,12 +1318,12 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
html += "<div class=\"input-group\">\n";
html += "<span class=\"input-group-btn\">\n";
html += "<button type=\"button\" class=\"lookup-btn btn btn-default\" " + this.attr(field, 'ngClick');
html += "<button type=\"button\" class=\" Form-lookupButton btn btn-default\" " + this.attr(field, 'ngClick');
html += (field.readonly || field.showonly) ? " disabled " : "";
html += (field.ngDisabled) ? this.attr(field, "ngDisabled"): "";
html += "id=\"" + fld + "-lookup-btn\"><i class=\"fa fa-search\"></i></button>\n";
html += "</span>\n";
html += "<input type=\"text\" class=\"form-control input-medium lookup\" ";
html += "<input type=\"text\" class=\"form-control Form-textInput input-medium lookup\" ";
html += "ng-model=\"" + field.sourceModel + '_' + field.sourceField + "\" ";
html += "name=\"" + field.sourceModel + '_' + field.sourceField + "\" ";
html += "class=\"form-control\" ";