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): ensure icons with multiple paths render properly #6230

Merged
merged 6 commits into from
Jun 18, 2020

Conversation

tw15egan
Copy link
Member

@tw15egan tw15egan commented Jun 9, 2020

Closes #6218

Some icons (filled variations) have two paths, which were both getting set to currentColor.

Screen Shot 2020-06-09 at 1 34 05 PM

This PR changes our selectors so that we only set the fill on the first path. I'm unsure if this will work for all icons (do we have icons with more paths that could potentially be in buttons?), but it resolves the linked issue.

Changelog

New

  • Added in a filled icon to the icon knob in storybook

Changed

  • button icon fill selectors now only target the first path element

Testing / Reviewing

Check out all variations of buttons and ensure both Add and AddFilled render properly.

@tw15egan tw15egan requested a review from a team as a code owner June 9, 2020 17:47
@ghost ghost requested review from emyarod and joshblack June 9, 2020 17:47
@tw15egan tw15egan requested review from a team and jeanservaas and removed request for a team June 9, 2020 17:47
@netlify
Copy link

netlify bot commented Jun 9, 2020

Deploy preview for carbon-elements ready!

Built with commit 922fa8d

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

@netlify
Copy link

netlify bot commented Jun 9, 2020

Deploy preview for carbon-components-react ready!

Built with commit 922fa8d

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

@tw15egan tw15egan requested a review from emyarod June 17, 2020 13:59
Copy link
Member

@emyarod emyarod 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

@joshblack joshblack merged commit c84041f into carbon-design-system:master Jun 18, 2020
@tw15egan tw15egan deleted the button-icon-fix branch April 28, 2021 18:17
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.

When using latest carbon-icons, ghost button does not render icon background properly
4 participants