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(breadcrumbs): chevron icon spacing #2224

Merged
merged 1 commit into from
Dec 12, 2023
Merged

Conversation

ArtBlue
Copy link
Contributor

@ArtBlue ArtBlue commented Dec 8, 2023

Fixes #2053

  • This PR contains CSS changes
  • This PR does not contain CSS changes

Description

Spacing adjustments with chevron on breadcrumbs.

Notes

The other components mentioned in the issue did not need spacing adjustments.

Screenshots

Before:
image

After:
image

Checklist

  • I verify the build is in a non-broken state
  • I verify all changes are within scope of the linked issue
  • I regenerated all CSS files under dist folder
  • I tested the UI in all supported browsers
  • I did a visual regression check of the components impacted by doing a Percy build and approved the build
  • I tested the UI in dark mode and RTL mode
  • I added/updated/removed Storybook coverage as appropriate

@ArtBlue ArtBlue self-assigned this Dec 8, 2023
@agliga
Copy link
Contributor

agliga commented Dec 11, 2023

I don't see any new icons. I think the chevron icons the updated artboard need to be a part of this PR.

Copy link
Contributor

@saiponnada saiponnada left a comment

Choose a reason for hiding this comment

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

LGTM.

@@ -26,8 +26,8 @@ nav.breadcrumbs > ul > li[hidden] {
display: none;
}
nav.breadcrumbs > ul > li svg {
margin-left: 3px;
margin-right: 3px;
margin-left: 6px;
Copy link
Contributor

Choose a reason for hiding this comment

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

Minor suggestion, Can we use CSS variable var(--spacing-75) here?

@ArtBlue
Copy link
Contributor Author

ArtBlue commented Dec 11, 2023

I don't see any new icons. I think the chevron icons the updated artboard need to be a part of this PR.

Maybe I'm missing something, but...

This PR is for this issue: #2053

That issue references this issue where the new 12px icons were added/updated: #2035

And that issue has the chevron updates:
image

That was done in 16.4.0.

If there are no other links to yet other issues that I missed, I think we should be good. If the chevron icon issue is something separate and the icon is available somewhere I can't find, please let me know.

Copy link
Contributor

@agliga agliga left a comment

Choose a reason for hiding this comment

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

Got it, LGTM then.

@ArtBlue ArtBlue merged commit 9369633 into 17.0.0 Dec 12, 2023
@ArtBlue ArtBlue deleted the 2053-chevron-icon-spacing branch December 12, 2023 19:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants