Hi Kendo Team,
After we updated to version 2022.2.301 we decided to modify our theme by compiling the Metro theme from the source files and adjusting some of the variables provided.
When checking on the styles of the date-time-picker we noticed that the focused column of the time picker would not be highlighted anymore. Also the title would not get the darker color it had in the previous version (see attached image)
We noticed that in v2022.2.301 the focus class has changed from 'k-state-focused' to 'k-focus' (see inspector screenshot)
The styles in the files 'web/common/inputs.less' and 'web/type-metro.less' on the other hand still refer to the class .k-time-list-wrapper..k-state-focused to style title and the ::before and ::after elements that define the background color.
We will add styles to our custom file to correct this. The question for future updates would be though, which class will be the preferred one to keep.
Thanks,
Markus
Hi Beto,
We are gradually moving to simplified state classes - k-focus/hover/active/selected/disabled. This is currently done for components where we have revised the rendering (buttons, dropdowns). You can check the full list of components that have updated rendering with the 2022 R1 release here:
Regards,
Dimitar
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Hi Dimitar,
Thanks for opening an issue on that.
Just out of curiosity: Is there a a common rule how that class would be called in all the different modules?
Going through the theme I could find k-focus, k-state-focus and k-state-focused.
It seems like things are being restructured quite a bit when it comes to theming and we want to make sure the next update runs smoothly.
Thanks,
Markus
Hello Beto,
Thank you for reporting this!
I can confirm that this is related to a bug in the less themes, that I have logged in the public GitHub repository from where you can start tracking the progress on it:
For helping us discover this discrepancy in the themes I have also increased your Telerik Points accordingly.
Regards,
Dimitar
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.