Skip to content

fix(frontend): Tab overflow dropdown menu has styling issues #6592

@talissoncosta

Description

@talissoncosta

Description

The tab overflow dropdown menu in the feature modal displays with styling issues:

  1. Extra whitespace before the text in menu items
  2. 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-width class 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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions