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

[Bug][Grid] The text inside the columns' header goes under the column menu icon #558

Open
PekoPPT opened this issue Apr 12, 2024 · 1 comment
Labels
Bug Item which indicates that something is not working Kendo UI for Vue SEV: Medium

Comments

@PekoPPT
Copy link
Contributor

PekoPPT commented Apr 12, 2024

Describe the bug

If the width of the column is not enough to display the entire title and the icon of the column menu, the title text goes under the icon, which is not visually pleasing.

To Reproduce

  1. Open this StackBlitz example
  2. Make the screen size small

image

@kdikov82
Copy link

Temporary workaround:

            <style>
            .k-grid .k-grid-header th.k-filterable .k-cell-inner{
                padding-right: 23px;
            }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Item which indicates that something is not working Kendo UI for Vue SEV: Medium
Projects
None yet
Development

No branches or pull requests

2 participants