Init(Core): Change repo
This commit is contained in:
140
public/assets/scss/custom/plugins/_select2.scss
Normal file
140
public/assets/scss/custom/plugins/_select2.scss
Normal file
@@ -0,0 +1,140 @@
|
||||
|
||||
//
|
||||
// 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;
|
||||
}
|
||||
Reference in New Issue
Block a user