Skip to content

fix: show Modern UI hover on panel and secondary side bar tabs - #327683

Open
cipheraxat wants to merge 3 commits into
microsoft:mainfrom
cipheraxat:fix/327676-modern-ui-composite-tab-hover
Open

fix: show Modern UI hover on panel and secondary side bar tabs#327683
cipheraxat wants to merge 3 commits into
microsoft:mainfrom
cipheraxat:fix/327676-modern-ui-composite-tab-hover

Conversation

@cipheraxat

Copy link
Copy Markdown
Contributor

Summary

  • Fixes Modern UI: panel and secondary side bar tabs have no hover background, side bar tabs do #327676: with Modern UI and the activity bar on top, panel and secondary side bar composite tabs showed no hover background while primary side bar tabs did.
  • Active state already paints a pill on .action-item, but hover still targeted .active-item-indicator (hidden for icon tabs; side-bar hover also requires .icon, so panel text tabs never matched).
  • Paint var(--vscode-list-hoverBackground) on .action-item:not(.checked):hover for panel .title and auxiliary bar .title / .header-or-footer, with the same drag-over guards as the side bar.
  • Checked tabs keep the existing foreground color-mix pill (theming that separately is Active panel tabs are barely visible in Modern UI #327267).

Test plan

  • Enable workbench.experimental.modernUI and set workbench.activityBar.location to top
  • Primary side bar icon tabs: hover pill still appears (no regression; still via indicator)
  • Panel tabs (Problems / Output / Terminal): hover background on unchecked tabs; checked tab unchanged
  • Secondary side bar header composite tabs: hover background on unchecked tabs; checked unchanged
  • Modern UI off: .style-override absent; these hover rules do not apply
  • Manual: drag a composite tab — hover pill should not fight drop indicators

Active pills already paint on .action-item while hover still targeted a
hidden or .icon-only indicator path. Paint list-hoverBackground on the
action item instead. Fixes microsoft#327676.
Copilot AI review requested due to automatic review settings July 27, 2026 18:53

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Adds consistent Modern UI hover feedback for panel and secondary sidebar composite tabs.

Changes:

  • Applies themed hover backgrounds to unchecked tabs.
  • Suppresses hover styling during drag operations.

Comment thread src/vs/workbench/contrib/styleOverrides/browser/media/tabs.css Outdated
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.

Modern UI: panel and secondary side bar tabs have no hover background, side bar tabs do

5 participants