disabled select should be grayed out. fixes #86

orchidjs · May 15, 2021 · c9e436e · c9e436e
1 parent acc71f1
commit c9e436e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/scss/_items.scss b/src/scss/_items.scss
@@ -25,7 +25,8 @@
 		background-color: $select-color-input-full;
 	}
 
-	&.disabled, &.disabled * {
+	&.disabled,
+	&.disabled * {
 		cursor: default !important;
 	}
 
@@ -119,7 +120,7 @@
 		}
 	}
 
-	.#{$select-ns}-input.disabled {
+	&.disabled {
 		opacity: $select-opacity-disabled;
 		background-color: $select-color-disabled;
 	}

diff --git a/src/scss/tom-select.bootstrap4.scss b/src/scss/tom-select.bootstrap4.scss
@@ -18,7 +18,7 @@ $select-color-input: $input-bg !default;
 $select-color-input-full: $input-bg !default;
 $select-color-input-error: map-get($state-invalid,'color') !default;
 $select-color-input-error-focus: darken($select-color-input-error, 10%) !default;
-$select-color-disabled: $input-bg !default;
+$select-color-disabled: $input-disabled-bg !default;
 $select-color-item: #efefef !default;
 $select-color-item-border: $border-color !default;
 $select-color-item-active: $component-active-bg !default;

diff --git a/src/scss/tom-select.bootstrap5.scss b/src/scss/tom-select.bootstrap5.scss
@@ -20,7 +20,7 @@ $select-color-input-error: map-get($state-invalid,'color') !default;
 
 
 $select-color-input-error-focus: darken($select-color-input-error, 10%) !default;
-$select-color-disabled: $input-bg !default;
+$select-color-disabled: $input-disabled-bg !default;
 $select-color-item: #efefef !default;
 $select-color-item-border: $border-color !default;
 $select-color-item-active: $component-active-bg !default;