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

Dropdown styling

Browse Source 
This uses select2 for styling of the <select> form elements. I'm forcing some styling overrides for select2, therefore we no longer need the select2-bootstrap-theme library.

For all add-forms, select2 is attached after the form compiles in form-generator. For edit-forms however, the select2 module
couldn't be attached to the select element until after the options selection had taken place (which takes place after the REST request). Therefore I had to add some calls to CreateSelect2 in the edit controllers.
This commit is contained in:
Jared Tabor
2016-01-29 15:28:13 -08:00
parent dd9db63519
commit 2b3783adf4
62 changed files with 168 additions and 5053 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -147,7 +147,7 @@
.Form-textInput{
height: 30px;
background-color: @field-secondary-bg;
background-color: @field-secondary-bg!important;
border-radius: 5px;
border:1px solid @field-border;
color: @field-input-text;
@@ -157,6 +157,56 @@
border:1px solid @field-border-sel;
}
.Form-dropDown {
height: 30px !important;
background-color: @field-secondary-bg!important;
border-radius: 5px !important;
border:1px solid @field-border!important;
color: @field-input-text!important;
}
.select2-selection__arrow{
border-left:1px solid @field-border;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
background-color: @field-button-bg !important;
width: 30px!important;
height: 28px!important;
}
.select2-selection__arrow:hover{
background-color:@field-button-hov !important;
}
.select2-results__option{
color: @field-label !important;
height: 30px!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color: @field-button-hov !important;
}
.select2-container--default .select2-results__option[aria-selected=true]{
background-color: @field-border !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
border-color: @field-dropdown-icon transparent transparent transparent !important;
}
.select2-dropdown{
border:1px solid @field-border;
}
.Form-dropDown:focus{
outline: none!important;
}
.Form-dropDown--scmType{
width: 100%;
}
.CodeMirror{
border-radius: 5px;
font-family: 'Open Sans';