Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
b1tzer0 opened this issue Aug 12, 2024 · 0 comments
Open

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

b1tzer0 opened this issue Aug 12, 2024 · 0 comments

Comments

@b1tzer0
Copy link

b1tzer0 commented Aug 12, 2024

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)

  • theme-fluent

Affected suites (please remove the unneeded items)

  • Telerik UI for Blazor (v6.0.2)

Affected browsers (please remove the unneeded items)

  • All
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant