8

I would like to know if there is a way in Visual Studio Code to enlarge the tabs scrollbar that I find too small.

Picture :

Horizontal bar for scrolling tabs

takendarkk
  • 3,347
  • 8
  • 25
  • 37
Thx Xth
  • 131
  • 2
  • 4

3 Answers3

14

This is being fixed in v1.44 - due out early March 2020. See https://github.com/microsoft/vscode/pull/92720 (Allow users to make the scrollbars in the title area larger #92720). And https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_44.md#new-setting-to-control-height-of-tabs-scrollbar

large tab scroll bar

workbench.editor.titleScrollbarSizing: default | large

You'll be able to set it to large.

Mark
  • 143,421
  • 24
  • 428
  • 436
4

Another method: in VSCODE's settings, it's filed under Workbench › Editor: Title Scrollbar Sizing. You can set it to 'large' instead of default. Picture attached. see here

Jess Brand
  • 41
  • 1
1

workaround using an exceptionally meaningful extension

(to insert in custom.css):

/*tab group scrollbar;*/
.monaco-workbench>.part.editor>.content .editor-group-container>.title.tabs>.tabs-and-actions-container>.monaco-scrollable-element .scrollbar,
.monaco-workbench>.part.editor>.content .editor-group-container>.title.tabs>.tabs-and-actions-container>.monaco-scrollable-element .scrollbar .slider {
    height: 20px !important;
}

How to make scrollbars wider in Visual Studio Code?

ilias
  • 313
  • 2
  • 10