Skip to content

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 scope: data grid Changes related to the data grid. 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
@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

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. scope: data grid Changes related to the data grid.

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