Skip to content

Give minWidth to tab indicator only#7095

Merged
gaearon merged 1 commit into
mainfrom
tweak-tabs
Dec 13, 2024
Merged

Give minWidth to tab indicator only#7095
gaearon merged 1 commit into
mainfrom
tweak-tabs

Conversation

@gaearon
Copy link
Copy Markdown
Contributor

@gaearon gaearon commented Dec 13, 2024

Fixes #7066 (comment)

Instead of giving min width to the tab item itself, instead give it to the indicator line. Also constrain it by the parent size so that it never extends beyond the tab item. As a result, the blue line will be 45px min, but won't inflate the tab bar item.

Test Plan

Verify "All" in notifications still has some extra minimum width.

Verify profile tab bar items are not inflated anymore.

web.mov
ios.mov
Screenshot 2024-12-13 at 17 07 43

@arcalinea arcalinea temporarily deployed to tweak-tabs - social-app PR #7095 December 13, 2024 17:10 — with Render Destroyed
@github-actions
Copy link
Copy Markdown
Contributor

Old size New size Diff
6.78 MB 6.78 MB 181 B (0.00%)

Copy link
Copy Markdown
Member

@estrattonbailey estrattonbailey left a comment

Choose a reason for hiding this comment

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

Test on web/ios, lgtm!

@gaearon gaearon merged commit f6aecf5 into main Dec 13, 2024
@gaearon gaearon deleted the tweak-tabs branch December 13, 2024 18:20
Signez pushed a commit to Signez/bsky-social-app that referenced this pull request Dec 26, 2024
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