search

telerik / kendo-themes

Monorepo for SASS-based Kendo UI themes
149 stars 71 forks source link

Fluent Theme: Missing Disabled Theming for Wizard Step. #5142

Open b1tzer0 opened 3 months ago

b1tzer0 commented 3 months ago

Describe the bug When implementing the wizard using vertical wizard steps, I noticed that the theming was missing for disabled steps. I went to the demo site for Ocean Blue to find the difference and found the following code that was missing from the Fluent theme.

.k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step.k-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator {
    color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 60%, transparent);
    background-color: var(--kendo-color-app-surface, #ffffff);
}

.k-stepper .k-step.k-step-disabled .k-step-label, .k-stepper .k-step.k-disabled .k-step-label, .k-stepper .k-step:disabled .k-step-label {
    color: color-mix(in srgb, var(--kendo-color-on-app-surface, #424242) 60%, transparent);
}

After adding this code to my app.css file the UI worked as expected.

Affected package (please remove the unneeded items)

Affected suites (please remove the unneeded items)

Affected browsers (please remove the unneeded items)