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

Add missing flex-shrink: 0 to iui-button-icon #2396

Merged
merged 3 commits into from
Jan 9, 2025

Conversation

r100-stack
Copy link
Member

@r100-stack r100-stack commented Jan 9, 2025

Changes

The SideNavigation button icons appear correctly in iTwinUI v3. However, in #2373, we noticed that the SideNavigation button icons were collapsing to 0 width. I believe that started happening after using iTwinUI v5's reset layer.

Upon investigation, @mayank99 and I realized that a flex-shrink: 0 was missing on iui-button-icon. This PR adds that missing CSS declaration.

Testing

  • The SideNavigation button icons in iTwinUI v3 continue to appear correctly.
  • The SideNavigation button icons in iTwinUI v3 + theme bridge (#2373) now appear correctly:
    Before After
    image image

Docs

Added a changeset even though the change was small (#2396 (comment)).

@r100-stack r100-stack self-assigned this Jan 9, 2025
@r100-stack r100-stack marked this pull request as ready for review January 9, 2025 15:13
@r100-stack r100-stack requested a review from a team as a code owner January 9, 2025 15:13
@r100-stack r100-stack requested review from mayank99 and smmr-dn and removed request for a team January 9, 2025 15:13
Copy link
Contributor

@mayank99 mayank99 left a comment

Choose a reason for hiding this comment

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

LGTM.

We should have at least a patch React changeset (mentioning Button and SideNavButton). This change is small but meaningful (i.e. it fixes a real issue in some cases).

@r100-stack
Copy link
Member Author

We should have at least a patch React changeset (mentioning Button and SideNavButton). This change is small but meaningful (i.e. it fixes a real issue in some cases).

Sounds good, added (78617f4).

@mayank99 mayank99 mentioned this pull request Jan 9, 2025
@r100-stack r100-stack merged commit 9516dcd into main Jan 9, 2025
18 of 19 checks passed
@r100-stack r100-stack deleted the r/flex-shrink-button-icon branch January 9, 2025 18:45
@r100-stack r100-stack mentioned this pull request Jan 21, 2025
6 tasks
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.

3 participants