microsoft / microsoft/vscode

Multi-row tab layout should reserve space for modification icons

Open
#331,483 2 comments 0 reactions 2 assignees Claimed by @hawkticehurst View on GitHub
modernization workbench-tabs
Dominant language
TypeScript
Stars
193k
Forks
42.4k
PR merge metrics
PR metrics pending

Description

Problem:

I use multiple rows for tabs, and tabs in upper rows all completely and tightly fill the width of the available space. When I modify a file in one of these rows, the "modified file" dot icon is inserted next to the filename, the tabs become too wide for the row, a new row is added, and the editor window shifts down to make room for the new tab row. When I save the file, the dot icon is removed, and everything shifts back up. My editor is constantly jumping up and down, which is extremely annoying.

Mitigation:

"workbench.editor.highlightModifiedTabs": true,
"workbench.editor.tabActionCloseVisibility": false

These settings remove the dot/close button and indicate modified files with a color bar in the tabs.

Solution:

Leave room in tabs for the dot icon.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.