search

telerik / kendo-themes

Monorepo for SASS-based Kendo UI themes
148 stars 68 forks source link

Missing SCSS variable for changing the Grid font size #4443

Open mbechev opened 1 year ago

mbechev commented 1 year ago

Describe the bug The font size of the Grid used to be changed by setting the $kendo-grid-font-size variable. But since the release of the sizing option of the Grid, the font size is being overwritten.

So far the only way to change the font-size is using the CSS selector, as there is no dedicated SCSS variable for that (in terms of changing the Grid font-size only).

https://github.com/telerik/kendo-themes/blob/d5a1d98704e9aaadea4e279b2ded8189c813029b/packages/default/scss/table/_variables.scss#L43

palhal commented 1 year ago

I managed to override the font size for a specific table size. For example, table size sm uses md font size as default, which is somewhat large in the Bootstrap theme, so I prefer sm:

@import "~@progress/kendo-theme-bootstrap/scss/_variables";
@import "~@progress/kendo-theme-bootstrap/scss/table/_variables";

$kendo-table-sizes: k-map-merge($kendo-table-sizes, (
    sm: k-map-merge(k-map-get($kendo-table-sizes, sm), (
        font-size: $kendo-font-size-sm
    ))
));

But I wish there was an easier way.