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(button): remove danger ghost icon only button svg margin #7618

Conversation

emyarod
Copy link
Member

@emyarod emyarod commented Jan 21, 2021

Closes #7534

This PR fixes support for danger ghost icon only buttons (related #5610)

Changelog

New

  • Storybook knob updates for new button kind values

Changed

  • Adjust danger ghost icon only button svg margins

Testing / Reviewing

Confirm the new button kinds are viewable in storybook and the danger ghost icon only button appears correct

@emyarod emyarod requested review from a team and thyhmdo and removed request for a team January 21, 2021 17:35
@emyarod emyarod requested a review from a team as a code owner January 21, 2021 17:35
@netlify
Copy link

netlify bot commented Jan 21, 2021

Deploy preview for carbon-elements ready!

Built with commit 8e5d312

https://deploy-preview-7618--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Jan 21, 2021

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit 8e5d312

https://deploy-preview-7618--carbon-components-react.netlify.app

@tw15egan
Copy link
Collaborator

Not introduced in this PR, but I noticed the Danger variant with icons are rendering wrong

Screen Shot 2021-01-21 at 2 44 57 PM

Screen Shot 2021-01-21 at 2 44 44 PM

@emyarod
Copy link
Member Author

emyarod commented Jan 22, 2021

since the issue is already existing in the current library version I opened a separate issue and PR to resolve it #7631 #7632

@emyarod emyarod requested review from laurenmrice, a team, andreancardona and dakahn and removed request for thyhmdo and a team January 22, 2021 18:12
@andreancardona andreancardona enabled auto-merge (squash) January 22, 2021 18:52
@emyarod emyarod force-pushed the 7534-danger-ghost-icon-only-button branch from c0ea410 to 4f90c7d Compare January 25, 2021 18:18
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.

When the danger tertiary button is disabled it is receiving the primary button disabled state. It needs to look like this:
Artboard

@emyarod emyarod force-pushed the 7534-danger-ghost-icon-only-button branch from 4f90c7d to 4c4978b Compare January 26, 2021 19:32
@emyarod emyarod requested a review from laurenmrice January 26, 2021 19:32
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! 🙌🏻

@kodiakhq kodiakhq bot merged commit 46d64be into carbon-design-system:master Jan 26, 2021
@emyarod emyarod deleted the 7534-danger-ghost-icon-only-button branch January 27, 2021 16:38
@emyarod emyarod mentioned this pull request Feb 4, 2021
60 tasks
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.

<Button hasIconOnly={true} kind="danger-ghost" ...other/> has unnecessary padding
5 participants