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(progress-indicator): use circle--filled icon #5585

Merged
merged 4 commits into from
Mar 11, 2020

Conversation

tw15egan
Copy link
Collaborator

Closes #5584

Uses the new circle--filled icon in ProgressIndicator. Also bumps the SVG icons down 1px to better align to text.

Changelog

New

  • CircleFilled16 is used for the in-progress step.

Changed

  • Added 1px of top margin on svg icons

Removed

  • RadioButtonChecked16 and associated styles that were used to fill the icon

Testing / Reviewing

Ensure the ProgressIndicator renders as expected

@netlify
Copy link

netlify bot commented Mar 10, 2020

Deploy preview for carbon-components-react ready!

Built with commit 7b3f0c8

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

@netlify
Copy link

netlify bot commented Mar 10, 2020

Deploy preview for carbon-elements ready!

Built with commit 7b3f0c8

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

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.

  • The 1px down for the icons looks good 👍🏻 can you also do this for the vertical variant as well?

  • The blue bars for current and completed states need to be interactive-04

@tw15egan
Copy link
Collaborator Author

@laurenmrice done 👍

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.

perfecto! thank you 🎉

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!

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

@tw15egan tw15egan merged commit 8c00cd6 into carbon-design-system:master Mar 11, 2020
aledavila pushed a commit that referenced this pull request Mar 18, 2020
* fix(progress-indicator): use circle--filled icon

* fix(progress-indicator): change token, adjust svg margin

Co-authored-by: Josh Black <[email protected]>
This was referenced Mar 18, 2020
@tw15egan tw15egan deleted the progress-icon branch April 28, 2021 18:15
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.

[progress indicator] add circle--filled icon for current state
5 participants