Skip to content

Increase right padding to editor tabs - #329045

Merged
hawkticehurst merged 2 commits into
mainfrom
add-right-padding-to-tabs
Aug 5, 2026
Merged

Increase right padding to editor tabs#329045
hawkticehurst merged 2 commits into
mainfrom
add-right-padding-to-tabs

Conversation

@hawkticehurst

@hawkticehurst hawkticehurst commented Aug 4, 2026

Copy link
Copy Markdown
Member

Fixes #329044

ui-diff-20260804-165504

@hawkticehurst hawkticehurst self-assigned this Aug 4, 2026
Copilot AI balanced review requested due to automatic review settings August 4, 2026 20:56
@hawkticehurst
hawkticehurst enabled auto-merge (squash) August 4, 2026 20:57
Copilot AI reviewed Aug 4, 2026
View reviewed changes

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

Increases right-side breathing room for Modern UI editor tabs.

Changes:

  • Expands standard tab right padding from 4px to 8px.

Comment thread src/vs/workbench/contrib/styleOverrides/browser/media/tabs.css
@hawkticehurst
hawkticehurst marked this pull request as draft August 4, 2026 21:01
auto-merge was automatically disabled August 4, 2026 21:01

Pull request was converted to draft

@github-actions

github-actions Bot commented Aug 4, 2026 •
edited
Loading

Copy link
Copy Markdown
Contributor

Screenshot Changes

Base: 3774a5b0 Current: 783f0e74

Changed (81)

editor/editorTabBar/editorTabBar/ModernUIOn/Default/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/Default/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/Default/DarkHighContrast
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabsOnSeparateRowAllPinned/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabsOnSeparateRowAllPinned/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabsOnSeparateRowAllUnpinned/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabsOnSeparateRowAllUnpinned/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabsOnSeparateRowMixed/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabsOnSeparateRowMixed/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabsOnSeparateRowMixed/DarkHighContrast
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/BreadcrumbsFilePathLast/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/BreadcrumbsFilePathLast/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/BreadcrumbsIconsOff/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/BreadcrumbsIconsOff/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/BreadcrumbsWithRightInset/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/BreadcrumbsWithRightInset/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabSizingShrink/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabSizingShrink/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabSizingFixed/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabSizingFixed/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabHeightCompact/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabHeightCompact/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/WrapTabs/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/WrapTabs/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabActionLocationLeft/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabActionLocationLeft/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabActionCloseHidden/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabActionCloseHidden/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabActionUnpinHidden/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TabActionUnpinHidden/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/ShowTabIndex/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/ShowTabIndex/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/HighlightModifiedTabs/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/HighlightModifiedTabs/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/LabelFormatShort/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/LabelFormatShort/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/LabelFormatMedium/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/LabelFormatMedium/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/LabelFormatLong/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/LabelFormatLong/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/ShowIconsOff/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/ShowIconsOff/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/DecorationsOff/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/DecorationsOff/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabSizingCompact/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabSizingCompact/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabSizingShrink/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedTabSizingShrink/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TitleScrollbarLarge/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TitleScrollbarLarge/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TitleScrollbarVisible/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/TitleScrollbarVisible/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/EditorActionsDefault/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/EditorActionsDefault/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/EditorActionsTitleBar/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/EditorActionsTitleBar/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/EditorActionsHidden/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/EditorActionsHidden/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/AlwaysShowEditorActionsActiveGroup/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/AlwaysShowEditorActionsActiveGroup/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/AlwaysShowEditorActionsInactiveGroup/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/AlwaysShowEditorActionsInactiveGroup/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/ActiveGroup/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/ActiveGroup/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/InactiveGroup/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/InactiveGroup/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/InactiveGroup/DarkHighContrast
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/MultiSelect/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/MultiSelect/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/MultiSelect/DarkHighContrast
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/InactiveGroupDirty/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/InactiveGroupDirty/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/LongLabelsShrink/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/LongLabelsShrink/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/DropTargetBetweenTabs/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/DropTargetBetweenTabs/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/DropTargetBetweenTabs/DarkHighContrast
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/StickyCompactNoIcons/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/StickyCompactNoIcons/Light
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedSeparateRowCompact/Dark
Before After
before after
editor/editorTabBar/editorTabBar/ModernUIOn/PinnedSeparateRowCompact/Light
Before After
before after

@hawkticehurst
hawkticehurst marked this pull request as ready for review August 4, 2026 21:07
@hawkticehurst
hawkticehurst enabled auto-merge (squash) August 4, 2026 21:07
@hawkticehurst
hawkticehurst merged commit 8662518 into main Aug 5, 2026
46 of 47 checks passed
@hawkticehurst
hawkticehurst deleted the add-right-padding-to-tabs branch August 5, 2026 15:31
@vs-code-engineering vs-code-engineering Bot added this to the 1.133.0 milestone Aug 5, 2026
@vs-code-engineering vs-code-engineering Bot mentioned this pull request Aug 5, 2026
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

Copilot code review Copilot Copilot left review comments
@roblourens roblourens roblourens approved these changes

Assignees

@hawkticehurst hawkticehurst

Labels

None yet

Projects

None yet

Milestone

1.133.0

Development

Successfully merging this pull request may close these issues.

Modernize: Add right padding to editor tabs

3 participants

@hawkticehurst @roblourens