Add options to hide title and status bar

[WindSoilder]

Check for existing issues

• [X] Completed

Is your feature request related to a problem?

Usually I feel some components of zed editor(title and status bar) are redundant to me, and I just want to focus on the editor itself. It's something called zen mode in vscode.

It's something similar to zed-industries/zed#5333, but I want to hide more..

Describe the solution you'd like

Here is the components I want to be able to hide:

Here is how vscode shows:

If applicable, add mockups / screenshots to help present your vision of the feature

No response

[stjepangolemac]

This would be fantastic along with https://github.com/zed-industries/zed/issues/4685 🚀

[DissolveDZ]

still waiting for this to happen, along with being able to hide the tabs

[rsmirnov90]

Yeah this would be super good to have… Currently like 10-20% of the screen real estate is completely wasted for no reason whatsoever.

This is the only major thing keeping me from switching over from terminal-based editors… I often need work with 10-15 files open at the same time, and with the current layout more than 4-5 files is impossible.

Would also be good to toggle the breadcrumb bar. Line numbers are toggleable which is awesome! (but not nearly enough, IMO!)

[philippbosch]

@rsmirnov90 you can hide the breadcrumb bar like this:

{
  "toolbar": {
    "breadcrumbs": false,
    "quick_actions": false
  },
}

[mcpeng]

We have Titlebar, TabBar, Toolbar, StatusBar, they occupy too much valuable vertical space, like old M$ Office. Considering the characteristics of collaboration, perhaps they can be placed in the StatusBar.

[yasinkavakliat]

Guys, it's 2024 and we don't have an option to disable the status bar? That should've been added in the first beta. Come on, I can't switch to Zed when the UI is full of noise. I want to disable everything that I don't need (includes the sign in button, status bar, tabs, titlebar and everything else).

[mhanuszh]

When (if?) we get this feature, can we have the ability to still show the panel buttons, just like in VSCode?

My current layout:

[themahdavi]

options for full customizing UI are one of basic things on editors. please add soon as possible. we don't need second visual studio code just add basics Thanks.

[dekdevy]

Big bump. Onboarding zed has been a breeze - don't want to come off as pushy, its truly awesome. But when I see that top title bar I am wondering what the thought process was. Same for the status bar height. Editors keep getting these absolute basics wrong and I dont understand why. Please let users configure what happens on their screen real estate.

• Top Window bar height / disable entirely
• Status bar height / disable entirely
• Project Panel: vertical line height. Also, default indent seems insanely large - at can be edited, so its fine!

A permanent "sign in" button isn't giving off the right vibes - I think many people are looking for something in between vscode and sublime, and initially zed seems like a great tool in the right direction, but when it throws "sign in" "use github" "use assistant" "use chat" "collaborate with team members" "use copilot" your way when opening for the first time, I feel like we're headed right back into windows 11.

[koto-games]

+

[qqap]

A bit of a temporary workaround, but to completely hide the status bar, and blank the title bar while maintaining a functional code editor and terminal, you can just change the ui_font_size to 0.

  "ui_font_size": 0,
  "buffer_font_size": 14,

[iliass-ess]

A bit of a temporary workaround, but to completely hide the status bar, and blank the title bar while maintaining a functional code editor and terminal, you can just change the ui_font_size to 0.

  "ui_font_size": 0,
  "buffer_font_size": 14,

Yes this could be a workaround, the only issue is everything else that's not your buffer will not be usable (file explorer, Markdown preview... )

[dlindenkreuz]

For me, the toolbar ("title bar") is hidden when adding these settings:

"toolbar": {
  "breadcrumbs": false,
  "quick_actions": false
},