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

Merge pull request #195 from jlmitch5/colorAuditFixes32

Browse Source 
fix input colors
This commit is contained in:
jlmitch5
2017-08-07 11:17:09 -04:00
committed by GitHub
parent 8574c6ef4a 1638752339
commit 2eaa00b633
6 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
awx/ui/client/legacy-styles/ansible-ui.less
View File

@@ -2035,7 +2035,7 @@ tr td button i {
.form-control { .form-control {
border-color: @b7grey; border-color: @b7grey;
background-color: @f2grey; background-color: @fcgrey;
color: @default-data-txt; color: @default-data-txt;
transition: border-color 0.3s; transition: border-color 0.3s;
box-shadow: none; box-shadow: none;
@@ -2045,7 +2045,7 @@ tr td button i {
.form-control + .select2 .select2-selection { .form-control + .select2 .select2-selection {
border-color: @b7grey !important; border-color: @b7grey !important;
background-color: @f2grey !important; background-color: @fcgrey !important;
color: @default-data-txt !important; color: @default-data-txt !important;
transition: border-color 0.3s !important; transition: border-color 0.3s !important;
box-shadow: none !important; box-shadow: none !important;
@@ -2095,12 +2095,12 @@ tr td button i {
.select2-container--disabled,.select2-container--disabled .select2-selection--single,.select2-container--disabled .select2-selection--multiple { .select2-container--disabled,.select2-container--disabled .select2-selection--single,.select2-container--disabled .select2-selection--multiple {
cursor: not-allowed; cursor: not-allowed;
opacity: 100; opacity: 100;
background: @ebgrey; background-color: @ebgrey;
border-radius: 5px; border-radius: 5px;
} }
.select2-container--default .select2-selection--single { .select2-container--default .select2-selection--single {
background-color: @f2grey; background-color: @fcgrey;
border: 1px solid @d7grey; border: 1px solid @d7grey;
border-radius: 4px; border-radius: 4px;
} }
@@ -2266,7 +2266,7 @@ html input[disabled] {
.select2-container--disabled .select2-selection, .select2-container--disabled .select2-selection,
.select2-container--disabled .select2-arrow { .select2-container--disabled .select2-arrow {
background: @ebgrey; background-color: @ebgrey;
} }
.btn.disabled,.btn[disabled],fieldset[disabled] .bt { .btn.disabled,.btn[disabled],fieldset[disabled] .bt {
@@ -2275,7 +2275,7 @@ html input[disabled] {
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled { .ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
opacity: 1; opacity: 1;
background: @ebgrey; background-color: @ebgrey;
} }
input[disabled].ui-spinner-input { input[disabled].ui-spinner-input {

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

@@ -198,13 +198,18 @@
.Form-formGroup { .Form-formGroup {
input.form-control { input.form-control {
background-color: @f2grey; background-color: @fcgrey;
border-color: @b7grey; border-color: @b7grey;
border-radius: 5px; border-radius: 5px;
height: auto; height: auto;
min-height: 30px; min-height: 30px;
padding: 0 10px; padding: 0 10px;
} }
input.form-control[disabled], input.form-control[readonly], fieldset[disabled] input.form-control {
border-color: @b7grey;
background-color: @ebgrey;
}
} }
.Form-checkbox--stacked { .Form-checkbox--stacked {
@@ -316,7 +321,7 @@
.ui-spinner { .ui-spinner {
height: 30px; height: 30px;
background-color: @f2grey !important; background-color: @fcgrey !important;
border-radius: 5px; border-radius: 5px;
border:1px solid @field-border !important; border:1px solid @field-border !important;
color: @field-input-text; color: @field-input-text;
@@ -325,7 +330,7 @@
.ui-spinner-input { .ui-spinner-input {
color: @field-input-text; color: @field-input-text;
background-color: @f2grey; background-color: @fcgrey;
} }
.ui-spinner-input:focus { .ui-spinner-input:focus {
@@ -369,7 +374,7 @@
} }
.select2-container--disabled .select2-selection__arrow { .select2-container--disabled .select2-selection__arrow {
background: @ebgrey !important; background-color: @ebgrey !important;
} }
.select2-results__option { .select2-results__option {
@@ -762,5 +767,5 @@ input[type='radio']:checked:before {
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
border-color: @b7grey; border-color: @b7grey;
background: @ebgrey; background-color: @ebgrey;
} }

2
awx/ui/client/legacy-styles/lists.less
View File

@@ -66,7 +66,7 @@ table, tbody {
} }
.List-tableRow:hover { .List-tableRow:hover {
background-color: #f2f2f2; background-color: @f2grey;
} }
.List-tableRow--selected { .List-tableRow--selected {

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

@@ -25,6 +25,7 @@
@f7grey: #F7F7F7; @f7grey: #F7F7F7;
@insights-yellow: #dedc4f; @insights-yellow: #dedc4f;
@f2grey: #f2f2f2; @f2grey: #f2f2f2;
@fcgrey: #fcfcfc;
@f6grey: #f6f6f6; @f6grey: #f6f6f6;
@ebgrey: #ebebeb; @ebgrey: #ebebeb;

2
awx/ui/client/src/system-tracking/date-picker/date-picker.block.less
View File

@@ -26,7 +26,7 @@
border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
border: 1px solid @b7grey; border: 1px solid @b7grey;
padding: 6px 12px; padding: 6px 12px;
background-color: @f2grey; background-color: @fcgrey;
} }
&-input:focus, &-input:focus,

2
awx/ui/client/src/system-tracking/system-tracking-container.block.less
View File

@@ -18,7 +18,7 @@
.DatePicker-input { .DatePicker-input {
width: 100%; width: 100%;
flex: none; flex: none;
background: @f2grey; background: @fcgrey;
} }
.DatePicker-icon { .DatePicker-icon {