-
Notifications
You must be signed in to change notification settings - Fork 468
Open
Description
Description
The tab overflow dropdown menu in the feature modal displays with styling issues:
- Extra whitespace before the text in menu items
- Inconsistent purple backgrounds on menu items
Screenshot
The dropdown menu items (Code References, Links, History, Settings) show visual inconsistencies due to the TabButton component being unnecessarily used inside the dropdown.
Root Cause
The dropdown menu items were wrapping the label in a TabButton component with complex className combinations, causing:
- Unnecessary wrapper div with flexbox styling
- Button styling conflicting with dropdown item styling
full-widthclass stretching elements and centring text
Proposed Solution
Simplify the dropdown menu items to use tabLabel directly instead of wrapping it in a TabButton component.
Related
Part of UI cleanup/redesign effort discussed internally.
Metadata
Metadata
Assignees
Labels
No labels