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

Some icon SVGs have padding #181

Open
ceisipeik opened this issue Sep 20, 2023 · 1 comment
Open

Some icon SVGs have padding #181

ceisipeik opened this issue Sep 20, 2023 · 1 comment
Labels
bug Something isn't working

Comments

@ceisipeik
Copy link
Contributor

ceisipeik commented Sep 20, 2023

What happened?

Some icon SVGs have extra padding. This makes sizing the icons inconsistent.

Icons with extra padding in the svg:

  • action
  • arrow-down-alt
  • arrow-drop-down
  • arrow-drop-up
  • arrow-up-alt
  • call
  • check
  • check-circle-outline
  • content-copy
  • email
  • error-outline
  • exit-to-app
  • filter
  • happy-face
  • help-outline
  • info
  • location
  • open-in-new
  • outline-circle-xmark
  • priority-hight
  • sad-face
  • sort
  • success
  • warning-amber

Reproduction steps

  1. Go to the storybook and open Button WithIcon Small story [Angular > Button > With Icon Small]
  2. In the Controls panel change the Icon name to check
  3. The icon appears noticeably smaller in the button than a previously selected add icon

Screenshot

Screenshot 2023-09-20 at 10 02 21

Package

Icons

Version

1.10.1

@ceisipeik ceisipeik added the bug Something isn't working label Sep 20, 2023
@certainlyakey
Copy link
Contributor

Confirmed, thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants