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

Merge pull request #924 from jaredevantabor/number-input-styling

Browse Source 
Number input styling
This commit is contained in:
Jared Tabor
2016-02-11 21:36:49 -08:00
parent ce5989ba31 8e45862439
commit cbfe382bb3
2 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -157,6 +157,39 @@
border:1px solid @field-border-sel; border:1px solid @field-border-sel;
} }
.ui-spinner{
height: 30px;
background-color: @field-secondary-bg;
border-radius: 5px;
border:1px solid @field-border;
color: @field-input-text;
}
.ui-spinner-input{
color: @field-input-text;
background-color: @field-secondary-bg;
}
.ui-spinner-input:focus{
outline: none;
}
.ui-spinner-button{
border-left:1px solid @field-border!important;
background-color: @field-button-bg !important;
}
.ui-spinner-button:hover{
background-color:@field-button-hov !important;
cursor: pointer!important;
}
.Form-numberInputButton{
color: @field-label!important;
font-size: 14px;
}
.Form-dropDown { .Form-dropDown {
height: 30px !important; height: 30px !important;
background-color: @field-secondary-bg!important; background-color: @field-secondary-bg!important;

6
awx/ui/client/src/shared/directives.js
View File

@@ -733,6 +733,10 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'JobsHelper'])
max: elm.attr('max'), max: elm.attr('max'),
numberFormat: "d", numberFormat: "d",
disabled: (elm.attr('readonly')) ? true : false, disabled: (elm.attr('readonly')) ? true : false,
icons: {
down: "Form-numberInputButton fa fa-angle-down",
up: "Form-numberInputButton fa fa-angle-up"
},
spin: function(e, u) { spin: function(e, u) {
ctrl.$setViewValue(u.value); ctrl.$setViewValue(u.value);
ctrl.$setValidity('required',true); ctrl.$setValidity('required',true);
@@ -753,6 +757,8 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'JobsHelper'])
opts.disabled = true; opts.disabled = true;
} }
$(elm).spinner(opts); $(elm).spinner(opts);
$('.ui-icon').text('');
$(".ui-icon").removeClass('ui-icon ui-icon-triangle-1-n ui-icon-triangle-1-s');
$(elm).on("click", function () { $(elm).on("click", function () {
$(elm).select(); $(elm).select();
}); });