shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-11-01 08:21:15 +03:00
Code Releases Activity

update spinner field background color and fix formattings of forms.less file

Browse Source
This commit is contained in:
John Mitchell 2017-07-26 09:05:54 -04:00
parent b204270871
commit 485848619b
1 changed files with 44 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17,26 +17,26 @@
not supported by any browser */ not supported by any browser */
} }
.Form{ .Form {
display:flex; display:flex;
flex-wrap:wrap; flex-wrap:wrap;
flex-direction: row; flex-direction: row;
} }
.Form-header--fields{ .Form-header--fields {
flex: 1 1 auto; flex: 1 1 auto;
} }
.Form-header-field{ .Form-header-field {
margin-left: 10px; margin-left: 10px;
flex: 1 1 auto; flex: 1 1 auto;
} }
.Form-header{ .Form-header {
display: flex; display: flex;
} }
.Form-title{ .Form-title {
flex: 0 1 auto; flex: 0 1 auto;
color: @list-header-txt; color: @list-header-txt;
font-size: 14px; font-size: 14px;
@ -51,7 +51,7 @@
text-transform: uppercase; text-transform: uppercase;
} }
.Form-secondaryTitle{ .Form-secondaryTitle {
color: @default-icon; color: @default-icon;
padding-bottom: 20px; padding-bottom: 20px;
min-height: 40px; min-height: 40px;
@ -61,7 +61,7 @@
.Form-title--is_superuser, .Form-title--is_superuser,
.Form-title--is_system_auditor, .Form-title--is_system_auditor,
.Form-title--is_ldap_user, .Form-title--is_ldap_user,
.Form-title--is_external_account{ .Form-title--is_external_account {
height:15px; height:15px;
color: @default-interface-txt; color: @default-interface-txt;
background-color: @default-list-header-bg; background-color: @default-list-header-bg;
@ -77,12 +77,12 @@
height: 16px; height: 16px;
} }
.Form-exitHolder{ .Form-exitHolder {
justify-content: flex-end; justify-content: flex-end;
display:flex; display:flex;
} }
.Form-exit{ .Form-exit {
cursor:pointer; cursor:pointer;
padding:0px; padding:0px;
border: none; border: none;
@ -94,11 +94,11 @@
line-height:1; line-height:1;
} }
.Form-exit:hover{ .Form-exit:hover {
color:@default-icon; color:@default-icon;
} }
.Form-tabHolder{ .Form-tabHolder {
display: flex; display: flex;
min-height: 30px; min-height: 30px;
flex-wrap:wrap; flex-wrap:wrap;
@ -165,12 +165,12 @@
cursor:not-allowed!important; cursor:not-allowed!important;
} }
.Form-tabSection{ .Form-tabSection {
display: none; display: none;
width: 0%; width: 0%;
} }
.Form-tabSection.is-selected{ .Form-tabSection.is-selected {
width: 100%; width: 100%;
display: block; display: block;
} }
@ -261,7 +261,7 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.Form-textAreaLabel{ .Form-textAreaLabel {
width:100%; width:100%;
order: 1; order: 1;
} }
@ -270,7 +270,7 @@
max-width: 100%; max-width: 100%;
} }
.Form-textArea{ .Form-textArea {
border-radius: 5px; border-radius: 5px;
color: @field-input-text; color: @field-input-text;
background-color: @field-secondary-bg; background-color: @field-secondary-bg;
@ -285,11 +285,11 @@
color: @field-input-text; color: @field-input-text;
} }
.Form-textInput:active{ .Form-textInput:active {
border:1px solid @field-border-sel; border:1px solid @field-border-sel;
} }
.Form-monospace{ .Form-monospace {
font-family: Menlo,Monaco,Consolas,"Courier New",monospace!important; font-family: Menlo,Monaco,Consolas,"Courier New",monospace!important;
} }
@ -316,7 +316,7 @@
border: 1px solid @default-link-hov; border: 1px solid @default-link-hov;
} }
.ui-spinner{ .ui-spinner {
height: 30px; height: 30px;
background-color: @f2grey !important; background-color: @f2grey !important;
border-radius: 5px; border-radius: 5px;
@ -325,21 +325,21 @@
width:100% width:100%
} }
.ui-spinner-input{ .ui-spinner-input {
color: @field-input-text; color: @field-input-text;
background-color: @field-secondary-bg; background-color: @f2grey;
} }
.ui-spinner-input:focus{ .ui-spinner-input:focus {
outline: none; outline: none;
} }
.ui-spinner-button{ .ui-spinner-button {
border-left:1px solid @field-border!important; border-left:1px solid @field-border!important;
background-color: @field-button-bg !important; background-color: @field-button-bg !important;
} }
.ui-spinner-button:hover{ .ui-spinner-button:hover {
background-color:@field-button-hov !important; background-color:@field-button-hov !important;
cursor: pointer!important; cursor: pointer!important;
} }
@ -349,7 +349,7 @@
color: @default-data-txt; color: @default-data-txt;
} }
.Form-numberInputButton{ .Form-numberInputButton {
color: @default-icon!important; color: @default-icon!important;
font-size: 14px; font-size: 14px;
@ -362,7 +362,7 @@
color: @field-input-text!important; color: @field-input-text!important;
} }
.select2-selection__arrow{ .select2-selection__arrow {
border-left:1px solid @field-border; border-left:1px solid @field-border;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
border-top-right-radius: 5px; border-top-right-radius: 5px;
@ -374,23 +374,23 @@
background: @ebgrey !important; background: @ebgrey !important;
} }
.select2-results__option{ .select2-results__option {
color: @field-label !important; color: @field-label !important;
} }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: @field-button-hov !important; background-color: @field-button-hov !important;
} }
.select2-container--default .select2-results__option[aria-selected=true]{ .select2-container--default .select2-results__option[aria-selected=true] {
background-color: @default-white-button-bord !important; background-color: @default-white-button-bord !important;
} }
.select2-container--default .select2-selection--single .select2-selection__arrow b{ .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: @field-dropdown-icon transparent transparent transparent !important; border-color: @field-dropdown-icon transparent transparent transparent !important;
} }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{ .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent @field-dropdown-icon transparent!important; border-color: transparent transparent @field-dropdown-icon transparent!important;
} }
@ -399,7 +399,7 @@
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
} }
.select2-dropdown{ .select2-dropdown {
border:1px solid @field-border; border:1px solid @field-border;
} }
@ -409,15 +409,15 @@
border-top: 1px solid @field-border; border-top: 1px solid @field-border;
} }
.Form-dropDown:focus{ .Form-dropDown:focus {
outline: none!important; outline: none!important;
} }
.Form-dropDown--scmType{ .Form-dropDown--scmType {
width: 100%; width: 100%;
} }
.Form-passwordButton{ .Form-passwordButton {
height: 30px; height: 30px;
color: @default-interface-txt; color: @default-interface-txt;
text-transform: uppercase; text-transform: uppercase;
@ -435,7 +435,7 @@
color: @field-lookup-btn-icon; color: @field-lookup-btn-icon;
} }
.Form-passwordButton:focus{ .Form-passwordButton:focus {
border: 1px solid @field-border; border: 1px solid @field-border;
background-color: @field-lookup-btn-hov-bg; background-color: @field-lookup-btn-hov-bg;
} }
@ -470,13 +470,13 @@
border-right: 0px; border-right: 0px;
} }
.CodeMirror{ .CodeMirror {
border-radius: 5px; border-radius: 5px;
font-style: normal; font-style: normal;
color: @field-input-text; color: @field-input-text;
} }
.CodeMirror-gutters{ .CodeMirror-gutters {
background-color:@code-mirror-gutter !important; background-color:@code-mirror-gutter !important;
} }
@ -562,7 +562,7 @@ input[type='radio']:checked:before {
display: inline-block !important; display: inline-block !important;
} }
.Form-inputLabel{ .Form-inputLabel {
text-transform: uppercase; text-transform: uppercase;
color: @default-interface-txt; color: @default-interface-txt;
font-weight: normal; font-weight: normal;
@ -582,7 +582,7 @@ input[type='radio']:checked:before {
.noselect; .noselect;
} }
.Form-buttons{ .Form-buttons {
height: 30px; height: 30px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@ -592,7 +592,7 @@ input[type='radio']:checked:before {
} }
} }
.Form-button{ .Form-button {
margin-left: 4px; margin-left: 4px;
} }
@ -602,7 +602,7 @@ input[type='radio']:checked:before {
border-color: @default-border; border-color: @default-border;
} }
.Form-saveButton, .Form-launchButton{ .Form-saveButton, .Form-launchButton {
background-color: @submit-button-bg; background-color: @submit-button-bg;
color: @submit-button-text; color: @submit-button-text;
text-transform: uppercase; text-transform: uppercase;
@ -611,11 +611,11 @@ input[type='radio']:checked:before {
padding-right: 15px; padding-right: 15px;
} }
.Form-saveButton:disabled, .Form-launchButton:disabled{ .Form-saveButton:disabled, .Form-launchButton:disabled {
background-color: @submit-button-bg-dis; background-color: @submit-button-bg-dis;
} }
.Form-saveButton:hover, .Form-launchButton:hover{ .Form-saveButton:hover, .Form-launchButton:hover {
background-color: @submit-button-bg-hov; background-color: @submit-button-bg-hov;
color: @submit-button-text; color: @submit-button-text;
} }
@ -632,7 +632,7 @@ input[type='radio']:checked:before {
margin-left: 20px; margin-left: 20px;
} }
.Form-cancelButton:hover{ .Form-cancelButton:hover {
background-color: @btn-bg-hov; background-color: @btn-bg-hov;
color: @btn-txt; color: @btn-txt;
} }