Skip to content

fix: fix left/right icon alignment #2734

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

Merged
merged 1 commit into from
Apr 12, 2025
Merged

Conversation

AlecRust
Copy link
Contributor

@AlecRust AlecRust commented Apr 12, 2025

What's Changed

In Chevron.tsx different SVG code is used for each icon direction needed (rather than e.g. rotating the same icon).

The "up" vs "down" icons seem to use almost identical code, with the only changes being the direction it's pointing in.

However the "right" arrow compared with the "left" arrow has more points code, and it's also positioned slightly lower.

This PR updates the points code of the right arrow to better match the left arrow and fix the misalignment.

I've zoomed in to make this comparison more obvious, but I've noticed the slight misalignment of the left/right arrows since using this library at the normal zoom level.

Before:
before

After:
after

Type of Change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation update

@gpbl
Copy link
Owner

gpbl commented Apr 12, 2025

Nice find @AlecRust ! Thanks a lot!

@gpbl gpbl merged commit dd8ed73 into gpbl:main Apr 12, 2025
11 checks passed
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.

2 participants