Skip to content

fix(theme): update tab visual design - #2529

Merged
chintankavathia merged 1 commit into
mainfrom
fix/theme-tabs-design
Aug 18, 2026
Merged

fix(theme): update tab visual design#2529
chintankavathia merged 1 commit into
mainfrom
fix/theme-tabs-design

Conversation

@spike-rabbit

@spike-rabbit spike-rabbit commented Aug 7, 2026

Copy link
Copy Markdown
Member

Align tab underlines and typography with the updated visual design.

Closes #2489


Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

@spike-rabbit
spike-rabbit force-pushed the fix/theme-tabs-design branch from 7c5e6e5 to 56ef56f Compare August 7, 2026 10:03

@panch1739 panch1739 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

@spike-rabbit something is a bit odd, the font for the selected tab is changing to real bold (weight 700) instead of sbold (weight 600)...selected tab should use the style body-lg-bold

@spike-rabbit
spike-rabbit force-pushed the fix/theme-tabs-design branch 2 times, most recently from fd7ac86 to 67e7a0e Compare August 7, 2026 17:25
@spike-rabbit
spike-rabbit marked this pull request as ready for review August 10, 2026 11:28
@spike-rabbit
spike-rabbit requested review from a team as code owners August 10, 2026 11:28

@hbxes hbxes left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Hey Maxi, good job, just 2 comments, where I'm unsure

@spike-rabbit
spike-rabbit force-pushed the fix/theme-tabs-design branch from 67e7a0e to bb802c2 Compare August 14, 2026 14:14

@chintankavathia chintankavathia left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

  1. border below 3 dots is now mis aligned to tabs bottom border
image
  1. as per figma icon only tab should be 40x40 but currently its 48x40

Align tab underlines and typography with the updated visual design.

Closes #2489
@spike-rabbit
spike-rabbit force-pushed the fix/theme-tabs-design branch from bb802c2 to f3127a4 Compare August 17, 2026 12:16
@spike-rabbit

Copy link
Copy Markdown
Member Author

fixed the border of menu button.
Regarding the icon only size, I would like to move it to another PR. This was broken before and originates in a weird construction in figma.

@chintankavathia chintankavathia left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

👍

@chintankavathia
chintankavathia added this pull request to the merge queue Aug 18, 2026
Merged via the queue into main with commit 6857221 Aug 18, 2026
15 checks passed
@chintankavathia
chintankavathia deleted the fix/theme-tabs-design branch August 18, 2026 09:31
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.

Update tab design

4 participants