Microsoft/vscode

File/Editor tab hover content customization

Open

#163,166 创建于 2022年10月10日

在 GitHub 查看
 (9 评论) (18 反应) (0 负责人)TypeScript (10,221 fork)batch import
feature-requesthelp wantedworkbench-hoverworkbench-tabs

仓库指标

Star
 (74,848 star)
PR 合并指标
 (平均合并 11小时 43分钟) (30 天内合并 1,000 个 PR)

描述

Ability to customize the colouring and information generated by hovering over a file tab. What it currently shows: image

Compared with the hovering of the icons in the activity side bar, which currently looks like: image

Incidentally the activity bar hover can be changed using "editorHoverWidget" but it then also applies to hovers inside the code editor too. There should be a separation so the activity bar can be specifically targeted i.e. "activityBar.hoverBackground" and "activityBar.hoverForeground".

Potential colour customizations for the file/editor tab hover in the primary image above.

  • "tab.hoverBackground"
  • "tab.hoverForeground"

Information customization:

  • "tab.hoverInformation": "short"/"long"/"detail"

'Short' would be just the filename, 'long' would be what it currently shows (file path), and 'detail' would show file name on the first line and path on the second line.

This is particularly important from a UX perspective, because when tabs are pinned if you want to see what file it is you either have to look at the breadcrumbs or hover, and if the file path is very long then on a large monitor your eyes are darting half the width of the screen. Incidentally the breadcrumbs itself could have a colour option to distinguish the active file from the rest of the path; what it currently shows:

image

The tab hover could also be brought more inline with the activity bar hover, which has a tiny triangle psuedo-element pointing to the element being hovered over as per image 2.

贡献者指南