Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Under Review
Last Updated: 07 May 2024 06:05 by Peili
Peili
Created on: 29 Apr 2024 10:52
Category: UI for Blazor
Type: Feature Request
1
Make compact small grid's header icon smaller

Hi,

We use compact sized grid all the time in our application.

However, with sorting and filtering enabled, the icons take too much space in the header cell and make the actual header text hard to read.

Please consider scale down those icons and reduce padding.

Thanks and best regards,

Peili

 

Demo: https://blazorrepl.telerik.com/mSOIQZvO51cwrorJ49

2 comments
Peili
Posted on: 07 May 2024 06:05

Thanks Radko.

I find adjusting the icon size is not enough, I have to add

.k-grid-header-menu {
        width: 16px !important;
        height: 16px !important;

    }

to make the entire thing smaller.

Thanks for forwarding this to the UX team

ADMIN
Radko
Posted on: 06 May 2024 05:15

Hello Peili,

Albeit the current markup is by design, I have forwarded this question to our UX team who will re-check the most optimal output given the configuration.

In the meantime, please consider overriding the size of the icons through a custom style, similar to:

<style>
    .k-table-th .k-svg-i-filter {
        width: 14px;
        height: 14px;
    }
</style>

Here is a the demo snippet with the above style: https://blazorrepl.telerik.com/ceOTYgap14jCjkK431

Lastly, note this only covers the filter icon. For including additional icons, the selector should be changed.

Regards,
Radko
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Create an account Log In
View
Type
Status
Category