microsoft / vscode

Visual Studio Code
https://code.visualstudio.com
MIT License
162.51k stars 28.65k forks source link

Allow to hide editor title section entirely (tabs, breadcrumbs) #33607

Closed faustinoaq closed 11 months ago

faustinoaq commented 7 years ago

Steps to Reproduce:

  1. Configure settings.json
{
  "workbench.editor.showTabs": false
}
  1. Tabs are hidden but tabs section still fill the space.

Reproduces without extensions: Yes

Some captures:

  1. Face to face with Vim

screenshot_20170831_111904

  1. Proposed setting:
{
  "workbench.editor.showTabs": "none | one | all"
}

With "workbench.editor.showTabs": "none" then

screenshot_20170831_112820

SichangHe commented 2 years ago

Just realized that I did not support Zen mode, which many people want. Fixed it.

kklot commented 1 year ago

I just found out that I could live with zooming out the whole windows interface until the tab height/status bar height is what you wanted (~vim tab/status bar for me), at at the same time increase the editor and terminal font size.

Only drawback is font size of other stuffs would be too small to read (extension, outlines,...), but I rarely look at them anyway. But I'd be great if we increase the font size of UI as well - anyone know where to change the UI font size?

starball5 commented 1 year ago

Related on Stack Overflow: How to hide the VS Code bar with file name, breadcrumbs, run java, split editor and more actions?

a-constantin commented 1 year ago

I decided to try out vscode again today, haven't used it since the PR that added this very basic feature was rejected for reasons I still don't understand four years ago, so I guess I'll try again in a few more years.

maxpatiiuk commented 1 year ago

Rather than simply hiding the title section, I decided to still make the title action buttons available just in case, but without preventing the editor from occupying the rest of the area:

Screenshot 2023-08-02 at 20 16 44

CSS (for the Custom CSS and JS Loader extension) if you want to do similar:

.title.show-file-icons {
    position: absolute !important;
    top: 0;
    right: 0;
    z-index: 10;
    opacity: 0.5;
}

.title.show-file-icons:hover {
    opacity: 1;
}

.title.show-file-icons .label-container {
    display: none !important;
}
vanyauhalin commented 11 months ago

@benibenj, we're with you in our thoughts, do it. ❤️

vanyauhalin commented 11 months ago

@benibenj, we had no doubts, good job. ❤️

benibenj commented 11 months ago

Hiding the editor title is now available in our newest insider build. You can give our nightly preview releases a try from: https://code.visualstudio.com/insiders/

The workbench.editor.showTabs setting has been changed to support the following options: multiple, single, none

kklot commented 11 months ago

Perfect Screenshot 2023-10-19 at 12 16 41