Fix disabled and selected styles for CInputSelect items
This commit is contained in:
@@ -27,7 +27,7 @@
|
||||
<script>
|
||||
import { VueSelect } from 'vue-select'
|
||||
import { createPopper } from '@popperjs/core'
|
||||
import 'vue-select/dist/vue-select.css';
|
||||
import 'vue-select/dist/vue-select.css'
|
||||
|
||||
export default {
|
||||
name: 'CInputSelect',
|
||||
@@ -265,6 +265,12 @@ export default {
|
||||
color: var(--vs-dropdown-option--active-color);
|
||||
}
|
||||
|
||||
&.vs__dropdown-option--disabled {
|
||||
background: var(--vs-state-disabled-bg) !important;
|
||||
color: var(--vs-state-disabled-color) !important;
|
||||
cursor: var(--vs-state-disabled-cursor) !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: var(--white);
|
||||
background-color: var(--primary);
|
||||
|
||||
Reference in New Issue
Block a user