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

fix(data-table): fix row sizing with overflow menu #5292

Merged

Conversation

tw15egan
Copy link
Collaborator

@tw15egan tw15egan commented Feb 6, 2020

Closes #4586

Adds some negative margins so that OverflowMenu does not affect row sizing. Can be seen in our Storybook: https://react.carbondesignsystem.com/?path=/story/datatable--with-overflow-menu

Solution found here: carbon-design-system/carbon-components-angular#886 (comment)

Changelog

New

  • Data Table specific Overflow Menu overrides. It should work for all table sizes.

Testing / Reviewing

Make sure Overflow Menu is positioned properly on all size Data Tables, and does not increase the row height

@tw15egan tw15egan requested a review from a team as a code owner February 6, 2020 20:36
@ghost ghost requested review from abbeyhrt and asudoh February 6, 2020 20:36
@netlify
Copy link

netlify bot commented Feb 6, 2020

Deploy preview for carbon-elements ready!

Built with commit 2068f81

https://deploy-preview-5292--carbon-elements.netlify.com

@netlify
Copy link

netlify bot commented Feb 6, 2020

Deploy preview for carbon-components-react ready!

Built with commit 2068f81

https://deploy-preview-5292--carbon-components-react.netlify.com

Copy link
Contributor

@asudoh asudoh left a comment

Choose a reason for hiding this comment

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

LGTM 👍 - Thanks @tw15egan!

@asudoh asudoh requested review from a team and jeanservaas and removed request for a team February 6, 2020 22:30
@jeanservaas
Copy link
Collaborator

@tw15egan looks like react deploy failed.

@tw15egan
Copy link
Collaborator Author

tw15egan commented Feb 7, 2020

@jeanservaas should be up now 👍

@abbeyhrt
Copy link
Contributor

abbeyhrt commented Feb 7, 2020

@tw15egan I don't think this needs to be addressed in this PR but it seems like the DataTable with boolean column story has the same problem

Copy link
Collaborator

@jeanservaas jeanservaas left a comment

Choose a reason for hiding this comment

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

nice!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Table with overflow menu is showing bigger rows and vertically misaligned row content
5 participants