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(DataTable): fixes overflowing sort button and select column spacing #9956

Merged
merged 4 commits into from
Oct 29, 2021

Conversation

jnm2377
Copy link
Contributor

@jnm2377 jnm2377 commented Oct 27, 2021

Closes #9837

Changelog

  • adds specific width to checkbox column, so that it's not clipped by sortable headers.
  • adds selectable + sortable story under the Selection stories

Testing / Reviewing

  • Review the Select with Sortable story, review that the checkbox is no longer being clipped by the sortable header
  • there should still be 20px of spacing between the checkbox and the sortable header text (4px right padding on checkbox + 16px left padding on sortable btn)

Screen Shot 2021-10-26 at 8 50 55 PM

Screen Shot 2021-10-26 at 8 50 39 PM

@jnm2377 jnm2377 requested a review from a team as a code owner October 27, 2021 02:03
@netlify
Copy link

netlify bot commented Oct 27, 2021

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 10eeca9

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/617c21d0d0a89900075e556e

😎 Browse the preview: https://deploy-preview-9956--carbon-react-next.netlify.app

@netlify
Copy link

netlify bot commented Oct 27, 2021

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 23e0661

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/6178b37dfc9f0400080bfe43

😎 Browse the preview: https://deploy-preview-9956--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Oct 27, 2021

✔️ Deploy Preview for carbon-components-react ready!

🔨 Explore the source changes: 23e0661

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/6178b37ddd01290007c53abc

😎 Browse the preview: https://deploy-preview-9956--carbon-components-react.netlify.app

@netlify
Copy link

netlify bot commented Oct 27, 2021

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 10eeca9

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/617c21d07910540008801b20

😎 Browse the preview: https://deploy-preview-9956--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Oct 27, 2021

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 10eeca9

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/617c21d023b0400007ae0277

😎 Browse the preview: https://deploy-preview-9956--carbon-components-react.netlify.app

Copy link
Member

@sstrubberg sstrubberg left a comment

Choose a reason for hiding this comment

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

Nicely done updating the @carbon/styles package too! 🚀

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

Looks good to me!

@jnm2377 jnm2377 enabled auto-merge (squash) October 29, 2021 16:53
@jnm2377 jnm2377 merged commit 6ce1b54 into carbon-design-system:main Oct 29, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
5 participants