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

[DataGridPro] Fix multi-sorting indicator being cut off #13625

Merged
merged 1 commit into from
Jun 26, 2024

Conversation

KenanYusuf
Copy link
Member

@KenanYusuf KenanYusuf commented Jun 25, 2024

Sets the multi-sort badge overlap prop to circular - this brings the number closer to the icon, and hopefully in most cases will prevent it getting cut off as seen in the issue below.

Tested on macOS Chrome, Safari and Firefox.

https://deploy-preview-13625--material-ui-x.netlify.app/x/react-data-grid/sorting/#multi-sorting

Fixes #13406

Before

before

After

after

@KenanYusuf KenanYusuf added component: data grid This is the name of the generic UI component, not the React module! feature: Sorting Related to the data grid Sorting feature design This is about UI or UX design, please involve a designer support: pro standard Support request from a Pro standard plan user. https://mui.com/legal/technical-support-sla/ labels Jun 25, 2024
@mui-bot
Copy link

mui-bot commented Jun 25, 2024

Deploy preview: https://deploy-preview-13625--material-ui-x.netlify.app/

Generated by 🚫 dangerJS against 21256dc

@KenanYusuf KenanYusuf requested a review from a team June 25, 2024 15:20
Copy link
Member

@cherniavskii cherniavskii left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

@cherniavskii cherniavskii changed the title [DataGrid] Set multi-sort badge overlap to circular [DataGridPro] Fix multi-sorting indicator being cut off Jun 25, 2024
@cherniavskii cherniavskii added plan: Pro Impact at least one Pro user and removed support: pro standard Support request from a Pro standard plan user. https://mui.com/legal/technical-support-sla/ labels Jun 25, 2024
Copy link
Member

@michelengelen michelengelen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

:shipit:

@KenanYusuf KenanYusuf merged commit e9a40e6 into mui:master Jun 26, 2024
23 checks passed
@KenanYusuf KenanYusuf deleted the multi-sort-badge-alignment branch June 26, 2024 07:57
@httpete
Copy link

httpete commented Jun 26, 2024

I will check it out in our branch when released. Thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: data grid This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer feature: Sorting Related to the data grid Sorting feature plan: Pro Impact at least one Pro user
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[data grid] Multi Column Sort Indicator Cut off when Column is narrow
6 participants