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 custom icons sizing #1445

Merged
merged 5 commits into from Jan 26, 2023
Merged

Fix custom icons sizing #1445

merged 5 commits into from Jan 26, 2023

Conversation

GomezIvann
Copy link
Collaborator

@GomezIvann GomezIvann commented Jan 18, 2023

Checklist

  • Build process is done without errors and all tests pass in the /lib directory.
  • Self-reviewed the code before submitting.
  • Meets accessibility standards.
  • Added/updated documentation to /website as needed.
  • Added/updated tests as needed.

Description
Trying to solve custom icons issue when the size was bigger or smaller than expected. I standardized the implementation: Icons will always fulfil their parent container to perfectly fit the component's anatomy.

Closes #1418

@GomezIvann GomezIvann marked this pull request as ready for review January 18, 2023 15:48
@Jialecl Jialecl self-requested a review January 23, 2023 08:00
@Jialecl Jialecl self-assigned this Jan 23, 2023
@Jialecl
Copy link
Collaborator

Jialecl commented Jan 23, 2023

Should we consider centering in some way the icons if they are smaller than the space that they are trying to fill?

image

lib/src/chip/Chip.stories.tsx Show resolved Hide resolved
lib/src/select/Option.tsx Show resolved Hide resolved
@Jialecl
Copy link
Collaborator

Jialecl commented Jan 23, 2023

As the SVGs were changed for the paginator to have the correct size I think the same can be done for the sidenav for example.

@GomezIvann
Copy link
Collaborator Author

Should we consider centering in some way the icons if they are smaller than the space that they are trying to fill?

image

As we have already discussed, this is a problem of the SVG itself and not of our component.

@Jialecl Jialecl merged commit 5aa300b into master Jan 26, 2023
@Jialecl Jialecl deleted the gomezivann-fix-icons branch January 26, 2023 12:25
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.

icon prop wrong sizing
2 participants