-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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): correct padding for batch action buttons #5413
fix(data-table): correct padding for batch action buttons #5413
Conversation
Deploy preview for carbon-components-react ready! Built with commit 2c838ae https://deploy-preview-5413--carbon-components-react.netlify.com |
Deploy preview for carbon-elements ready! Built with commit 2c838ae |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for the fix!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM 👍 - Thanks @janhassel!
In the Sketch kit and on the carbon website, batch action buttons in the DataTable have an 8px gap between text and button (effectively using the same spacing as a ghost button). The
carbon-components
styling currently treats the spacing as a normal primary button.Changelog
Changed
$button-padding-ghost
for buttons in.bx--action-list
position: static
Testing / Reviewing
Resources
Screenshot from https://www.carbondesignsystem.com/components/data-table/usage#multi-select-batch-action
Screenshot from 7.9.3 react storybook