Browse Source

Fix colors of disabled tom-select (#2084)

BG-Software 1 month ago
parent
commit
90cc74487b
2 changed files with 20 additions and 4 deletions
  1. 5 0
      .changeset/little-badgers-care.md
  2. 15 4
      src/scss/vendor/_tom-select.scss

+ 5 - 0
.changeset/little-badgers-care.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix colors of disabled `.ts-control`

+ 15 - 4
src/scss/vendor/_tom-select.scss

@@ -60,8 +60,19 @@ $input-border-width: 1px;
   }
 }
 
-.ts-wrapper.multi .ts-control > div {
-  background: var(--#{$prefix}bg-surface-secondary);
-  border: 1px solid var(--#{$prefix}border-color);
-  color: var(--#{$prefix}body-color);
+.ts-wrapper.multi,
+.ts-wrapper.multi.disabled {
+  .ts-control > div {
+    background: var(--#{$prefix}bg-surface-secondary);
+    border: 1px solid var(--#{$prefix}border-color);
+    color: var(--#{$prefix}body-color);
+  }
 }
+
+.ts-wrapper.disabled .ts-control {
+  opacity: 1;
+
+  &> div.item {
+    color: var(--#{$prefix}gray-500);
+  }
+}