mirror of
https://github.com/tabler/tabler.git
synced 2026-01-25 04:16:36 +00:00
Fix colors of disabled tom-select (#2084)
Some checks are pending
Bundlewatch / bundlewatch (push) Waiting to run
Some checks are pending
Bundlewatch / bundlewatch (push) Waiting to run
This commit is contained in:
5
.changeset/little-badgers-care.md
Normal file
5
.changeset/little-badgers-care.md
Normal file
@@ -0,0 +1,5 @@
|
||||
---
|
||||
"@tabler/core": patch
|
||||
---
|
||||
|
||||
Fix colors of disabled `.ts-control`
|
||||
19
src/scss/vendor/_tom-select.scss
vendored
19
src/scss/vendor/_tom-select.scss
vendored
@@ -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);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user