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 :
3 Answers
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
workbench.editor.titleScrollbarSizing: default | large
You'll be able to set it to large.
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
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;
}
Related