fix(checkbox): fix indigo disabled indeterminate

didimmova · didimmova · commit 3ce857666228 · 2025-10-28T11:20:12.000+02:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-component.scss
@@ -269,7 +269,9 @@
         }
 
         @include mx(indigo, disabled, indeterminate) {
-            @extend %igx-checkbox--disabled-indeterminate-indigo !optional;
+            @include e(composite) {
+                @extend %igx-checkbox--disabled-indeterminate-indigo !optional;
+            }
         }
 
         @include mx(indigo, focused, indeterminate) {
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-theme.scss
@@ -265,7 +265,7 @@
     }
 
     %igx-checkbox--disabled-indeterminate-indigo {
-        @extend %igx-checkbox--disabled-indeterminate;
+        @extend %cbx-composite--x--disabled;
 
         %cbx-composite-mark {
             rect {
@@ -320,10 +320,7 @@
 
     %igx-checkbox--disabled-indeterminate {
         %cbx-composite--x--disabled {
-            @if $variant != 'indigo' {
-                border-color: var-get($theme, 'disabled-indeterminate-color');
-            }
-
+            border-color: var-get($theme, 'disabled-indeterminate-color');
             background: var-get($theme, 'disabled-indeterminate-color');
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -269,7 +269,9 @@`
`269`	`269`	`}`
`270`	`270`
`271`	`271`	`@include mx(indigo, disabled, indeterminate) {`
`272`		`- @extend %igx-checkbox--disabled-indeterminate-indigo !optional;`
	`272`	`+ @include e(composite) {`
	`273`	`+ @extend %igx-checkbox--disabled-indeterminate-indigo !optional;`
	`274`	`+ }`
`273`	`275`	`}`
`274`	`276`
`275`	`277`	`@include mx(indigo, focused, indeterminate) {`
Original file line number	Diff line number	Diff line change
`@@ -265,7 +265,7 @@`
`265`	`265`	`}`
`266`	`266`
`267`	`267`	`%igx-checkbox--disabled-indeterminate-indigo {`
`268`		`- @extend %igx-checkbox--disabled-indeterminate;`
	`268`	`+ @extend %cbx-composite--x--disabled;`
`269`	`269`
`270`	`270`	`%cbx-composite-mark {`
`271`	`271`	`rect {`
`@@ -320,10 +320,7 @@`
`320`	`320`
`321`	`321`	`%igx-checkbox--disabled-indeterminate {`
`322`	`322`	`%cbx-composite--x--disabled {`
`323`		`- @if $variant != 'indigo' {`
`324`		`- border-color: var-get($theme, 'disabled-indeterminate-color');`
`325`		`- }`
`326`		`-`
	`323`	`+ border-color: var-get($theme, 'disabled-indeterminate-color');`
`327`	`324`	`background: var-get($theme, 'disabled-indeterminate-color');`
`328`	`325`	`}`
`329`	`326`	`}`