141 lines
2.8 KiB
SCSS
141 lines
2.8 KiB
SCSS
|
|
//
|
|
// Select 2
|
|
//
|
|
|
|
.select2-container {
|
|
width: 100% !important;
|
|
|
|
.select2-selection--single {
|
|
background-color: $input-bg;
|
|
border: 1px solid $input-border-color;
|
|
height: 38px;
|
|
&:focus{
|
|
outline: none;
|
|
}
|
|
|
|
.select2-selection__rendered {
|
|
line-height: 36px;
|
|
padding-right: 12px;
|
|
color: $input-color;
|
|
}
|
|
|
|
.select2-selection__arrow {
|
|
height: 34px;
|
|
width: 34px;
|
|
left: 3px;
|
|
|
|
b{
|
|
border-color: $gray-500 transparent transparent transparent;
|
|
border-width: 6px 6px 0 6px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.select2-container--open {
|
|
.select2-selection--single {
|
|
|
|
.select2-selection__arrow {
|
|
|
|
b{
|
|
border-color: transparent transparent $gray-500 transparent !important;
|
|
border-width: 0 6px 6px 6px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.select2-container--default {
|
|
|
|
.select2-results__group{
|
|
font-weight: $font-weight-medium;
|
|
}
|
|
.select2-search--dropdown {
|
|
padding: 10px;
|
|
background-color: $dropdown-bg;
|
|
.select2-search__field {
|
|
border: 1px solid $input-border-color;
|
|
background-color: $input-bg;
|
|
color: $gray-600;
|
|
outline: none;
|
|
}
|
|
}
|
|
.select2-results__option--highlighted[aria-selected] {
|
|
background-color: $primary;
|
|
}
|
|
.select2-results__option[aria-selected=true] {
|
|
background-color: $dropdown-link-active-bg;
|
|
color: $dropdown-link-active-color;
|
|
&:hover {
|
|
background-color: $primary;
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
|
|
.select2-results__option {
|
|
padding: 6px 12px;
|
|
}
|
|
|
|
.select2-dropdown {
|
|
border: $dropdown-border-color;
|
|
background-color: $dropdown-bg;
|
|
box-shadow: $box-shadow;
|
|
}
|
|
|
|
.select2-search {
|
|
input{
|
|
border: 1px solid $gray-300;
|
|
}
|
|
}
|
|
|
|
.select2-container {
|
|
.select2-selection--multiple {
|
|
min-height: 38px;
|
|
background-color: $input-bg;
|
|
border: 1px solid $input-border-color !important;
|
|
|
|
.select2-selection__rendered {
|
|
padding: 2px 10px;
|
|
}
|
|
.select2-search__field {
|
|
border: 0;
|
|
color: $input-color;
|
|
&::placeholder{
|
|
color: $input-color;
|
|
}
|
|
}
|
|
.select2-selection__choice {
|
|
background-color: $gray-200;
|
|
border: 1px solid $gray-300;
|
|
border-radius: 1px;
|
|
padding: 0 7px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.select2-container--default{
|
|
&.select2-container--focus {
|
|
.select2-selection--multiple{
|
|
border-color: $gray-400;
|
|
}
|
|
}
|
|
}
|
|
|
|
.select2-container .select2-search--inline .select2-search__field {
|
|
margin-top: 6.5px;
|
|
}
|
|
|
|
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
|
|
vertical-align: middle;
|
|
margin-top: 1px;
|
|
margin-left: 5px !important;
|
|
}
|
|
|
|
.select2-container .select2-selection--multiple .select2-selection__rendered {
|
|
padding-bottom: 0;
|
|
margin-bottom: -1px;
|
|
margin-top: -1px;
|
|
}
|