From 319038e6de195ea85f63a5e3fa1dbaca23f1b72a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Wed, 7 Feb 2024 13:28:33 +0100
Subject: [PATCH] Fix disabled and selected styles for CInputSelect items

---
 lib/vue/src/components/input/CInputSelect.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/lib/vue/src/components/input/CInputSelect.vue b/lib/vue/src/components/input/CInputSelect.vue
index 73ca32e9e..8425c5e93 100644
--- a/lib/vue/src/components/input/CInputSelect.vue
+++ b/lib/vue/src/components/input/CInputSelect.vue
@@ -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);