Skip to content

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

@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.

@GomezIvann GomezIvann requested a review from Jialecl January 24, 2023 15:38
@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

3 participants