Unplanned
Last Updated: 14 Aug 2024 14:07 by ADMIN
AGB
Created on: 07 Aug 2024 15:45
Type: Bug Report
0
Unable to set SASS variables $kendo-disabled-opacity & $kendo-disabled-filter (Kendu UI v2024.3.806 & kendo-theme-classic v8.2.1)

Hi Guys,

Have just upgraded to the Kendo UI v2024.3.806 along with kendo-theme-classic v8.2.1 and have noticed you can no longer set the $kendo-disabled-opacity & $kendo-disabled-filter variables to override their values because they are now being hard set in the following section within the 'all.scss' file.

// Backward compatibility
// #region @import "./color-system/_swatch-legacy.scss"; -> scss/core/color-system/_swatch-legacy.scss
@if ($kendo-enable-color-system) {
    ...
    $kendo-disabled-opacity: .6;
    $kendo-disabled-filter: grayscale(.1);
    ...
}

This is a regression from

    @progress/kendo-theme-classic:8.0.1

where neither of these variables were being hard set.

Also can you confirm what version of the SASS themes are compatible with the latest Kendo UI because the latest version on NPM is now v9.0.0 which was released 3 days prior to Kendo UI v2024.3.806.

NOTE: kendo-theme-classic: 9.0.0 also has these two variables hard set.

Regards
Alan

2 comments
ADMIN
Emil
Posted on: 14 Aug 2024 14:07

Hello Alan,

First let me apologise for any inconveniece the reported behaviour has caused.

Please be informed that we have been made aware of this regression and have an official issue in our repository to which you can subscribe if you wish.

We will be prioritizing this regression and a fix should be available in one of the upcomming releases of the Kendo themes.

For the time being we can offer the following workaround through the disabled mixin:

@import'@progress/kendo-theme-classic/dist/all.scss';

// Overriding the dedicated disabled class

.k-disabled { @include disabled($opacity: .8); }

// Or if you need to be more specific

.k-button.k-disabled {

@include disabled( $bg: red, $color: white );

}

On the matter related to the compatibility with Kendo UI, the latest version of the package is compatible with v8.2.1 of the Kendo themes.

For more information or future reference you can visit this page.

 

Regards,
Emil
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

AGB
Posted on: 09 Aug 2024 07:26
Thinking about this further, the whole 'Backward compatibility' region is wrong because it overrides and hard sets every variable within it, irrespective of a developers previous choices.

Surely every variable within it should have a '!default' flag appended.