Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add setting to automatically hide the side bar #3742

Open
Nimzozo opened this issue Mar 5, 2016 · 67 comments
Open

Add setting to automatically hide the side bar #3742

Nimzozo opened this issue Mar 5, 2016 · 67 comments

Comments

@Nimzozo
Copy link

@Nimzozo Nimzozo commented Mar 5, 2016

Would it be possible to add a option to automatically hide the files explorer after a configurable duration ?

@isidorn
Copy link
Contributor

@isidorn isidorn commented Mar 7, 2016

ping @bpasero

@bpasero bpasero changed the title Automatically hide the files explorer Add setting to automatically hide the files explorer Mar 7, 2016
@bpasero bpasero added this to the Backlog milestone Mar 7, 2016
@bpasero
Copy link
Member

@bpasero bpasero commented Mar 7, 2016

Honestly this seems like a weird setting. There is a keyboard shortcut to just hide the explorer (Cmd+B).

@Tyriar
Copy link
Member

@Tyriar Tyriar commented Mar 7, 2016

@bpasero seems reasonable, auto-hide similar to how the taskbar in all major OS' can be setup to hide and display when you hover over the edge?

@bpasero
Copy link
Member

@bpasero bpasero commented Mar 7, 2016

@Tyriar that makes a lot more sense to me compared to having a fixed timeout :)

@bpasero
Copy link
Member

@bpasero bpasero commented Mar 7, 2016

Even more interesting would be in that mode to maybe not push the editor to the right, but rather overlay the contents, since it is getting dismissed quickly after when moving focus out.

@Nimzozo
Copy link
Author

@Nimzozo Nimzozo commented Mar 7, 2016

That's right. Maybe I have badly explained.

@bpasero bpasero self-assigned this Mar 30, 2016
@bpasero bpasero changed the title Add setting to automatically hide the files explorer Add setting to automatically hide the side bar Jul 5, 2016
@lllopo
Copy link

@lllopo lllopo commented Jul 5, 2016

Visual Studio panels 'auto-hide' : you click on it - it shows, you click outside - it goes is pretty neat and more than enough. As of 'push editor to the right' - this more a separate option to 'dock' the panels or not. Would be also nice to have, though.

@bgashler1 bgashler1 added the ux label Jul 5, 2016
@bgashler1 bgashler1 mentioned this issue Jul 5, 2016
2 of 4 tasks complete
@bpasero bpasero removed their assignment Aug 17, 2016
@volkanunsal
Copy link

@volkanunsal volkanunsal commented Oct 26, 2016

This would be super useful. It would also be neat to hide the sidebar entirely. The big icons are simply too distracting. I never use the debugger, and never use Git from the sidebar, and the search icon isn't very useful either.

@Tyriar
Copy link
Member

@Tyriar Tyriar commented Oct 26, 2016

@volkanunsal that's the "activity bar" with the icons, this one is relevant for what you want #1105

@Venryx
Copy link

@Venryx Venryx commented Mar 8, 2017

I'd prefer this way as well, having it auto-hide when the user clicks outside of the sidebar.

Visual Studio allows this approach, and it's really convenient as it lets me have many different types of panels easily accessible, without cutting out from the main text editor size. (most of the time, you only need a panel open very briefly to change or check something, then you jump back into the code and don't need it on-screen any more)

It would also be nice to let extensions add their own panels to the activity/sidebar, as in Visual Studio --
although that's another subject.

@Venryx
Copy link

@Venryx Venryx commented Mar 8, 2017

Went ahead and made an extension for this: https://marketplace.visualstudio.com/items?itemName=venryx.vscode-vtools

It's not perfect -- it only closes the side-bar when the user changes the selection (eg, clicking or dragging at a new location) -- but it achieves the basic function.

Built-in support is still ideal, but this should help until then.

@richrundmsft
Copy link

@richrundmsft richrundmsft commented Jul 14, 2017

Always having explorer open seems such a waste of space -- I want the focus to be on the document I'm working on, but by default 20% of my screen is taken up by Explorer.

The ctrl/cmd + B option to show/hide isn't very discoverable - my first instinct was to try and use View -> Explorer [ctrl/cmd + shift + E] to be a toggle (but it isn't).
I ended up doing a web search to find out how to hide the panel (and ended up on this thread)

@sjy
Copy link

@sjy sjy commented Jul 18, 2017

Perhaps VS code should be available to be customized to auto-hide side bar just like the bahavior of Dock in Mac

@Samic8
Copy link

@Samic8 Samic8 commented Aug 10, 2017

I would really like this feature. I find having the sidebar open distracting, but often I forget to close. Same goes for the terminal

@reynoldsbd3
Copy link

@reynoldsbd3 reynoldsbd3 commented Oct 21, 2017

I would also love to see Visual Studio's "auto hide when focus changes" behavior implemented here.

@zer09
Copy link

@zer09 zer09 commented Nov 13, 2017

Also a suggestion, that it should look like a floating panel, so it wont resize the document page width when it shows or hide.

@diegochavez
Copy link

@diegochavez diegochavez commented Dec 17, 2019

Just use vtools plugin works fine, it's easier that add more complexity on vscode code base.

https://marketplace.visualstudio.com/items?itemName=venryx.vscode-vtools

@lllopo
Copy link

@lllopo lllopo commented Dec 17, 2019

Just use vtools plugin works fine, it's easier that add more complexity on vscode code base.

https://marketplace.visualstudio.com/items?itemName=venryx.vscode-vtools

It definitely doesn't work fine ... when it works at all.

@diegochavez
Copy link

@diegochavez diegochavez commented Dec 17, 2019

Just use vtools plugin works fine, it's easier that add more complexity on vscode code base.
https://marketplace.visualstudio.com/items?itemName=venryx.vscode-vtools

It definitely doesn't work fine ... when it works at all.

Well after install you need to restart your vscode because it affects some behaviour on the interface. I been using for long time.

@lllopo
Copy link

@lllopo lllopo commented Dec 17, 2019

@diegochavez I know this very well. First and foremost - it doesn't work well. It relies on focusing the editor to hide the sidebar, instead of hiding it on any click outside of it. This is definitely not enough by any means and even so - it even doesn't kick in well each and every time when you focus the editor. Doesn't mentioning there were vast periods of time when the plugin was not compatible with the insiders editions, so - unusable.

@piercy
Copy link

@piercy piercy commented Jan 14, 2020

Would be really handy if vscode supported this. I've started to develop on a portrait display. I very rarely use the file explorer, instead use shortcuts to open files but i do use the search window. On a portrait display, and auto hiding sidebar is beneficial due to the limited amount of horizontal real estate. I know i could just use a landscape display, but editing code files on a portrait display is quite nice, so sticking with it for now.

It seems like a useful feature and judging by the amount of comments on here, would go down well with people.

@stefaanv
Copy link

@stefaanv stefaanv commented Jan 18, 2020

Would be a very usefull feature

@stefaanMLB
Copy link

@stefaanMLB stefaanMLB commented Jan 23, 2020

I'd much appreciate the option for the explorer to close after a selection (opening a file) has been made in the explorer

@icnahom
Copy link

@icnahom icnahom commented Feb 3, 2020

Why is this still not available?

@designdust
Copy link

@designdust designdust commented Feb 16, 2020

been looking for this since 2016. The first time I use vs-code. Don't know why still not implemented. Somebody, please take the initiative.

@IF-Adin
Copy link

@IF-Adin IF-Adin commented Feb 21, 2020

Yeah i'd also be in favor of this. Maybe with like a hot corner or something to push it out. vtools works ok, but this should be in vs code.

@Yu-Chieh-Henry-Yang
Copy link

@Yu-Chieh-Henry-Yang Yu-Chieh-Henry-Yang commented Feb 24, 2020

+1 for this
Most of the time, I open side bar to global search or open a new file. In most of these cases, I only want to use it temporarily, so it would be ideal if it just pop up when I move my cursor to the left side of the window (just like dock auto hide on Mac OS)

@sirmspencer
Copy link
Contributor

@sirmspencer sirmspencer commented Mar 10, 2020

I created a cleaned up version of the auto hide extension after getting an update to vscode to directly close the sidebar and panel (instead of forcing focus then toggling). It feels a good bit smoother than vtools https://marketplace.visualstudio.com/items?itemName=sirmspencer.vscode-autohide
Requires 1.43

@stefaanMLB
Copy link

@stefaanMLB stefaanMLB commented Mar 11, 2020

Interesting,
Unfortunately it won't install on vscode version 1.42.1
image

@sirmspencer
Copy link
Contributor

@sirmspencer sirmspencer commented Mar 11, 2020

@stefaanMLB Correct, as stated in my post it requires 1.43. I had to get additional commands added to the code base for this improved autohide

@stefaanMLB
Copy link

@stefaanMLB stefaanMLB commented Mar 12, 2020

OK, Works now.
Sorry, I overlooked the remark about v1.43.
I love the tool already, THANKS !

@WhenJavaAttacks
Copy link

@WhenJavaAttacks WhenJavaAttacks commented Mar 17, 2020

I don't see a way to "star" this issue or such in order to indicate my interest in it, so I'm commenting to do so, but I also have some thoughts to add anyway...

Obviously, for those who don't want it, it should be made optional, and doesn't have to be the default option either.

Personally, I would find it very useful to be able to make the sidebar contents ("sidepane" i assume is what that's called) temporarily pop over with the mouse, then be able to dismiss when clicking back in to the editor (or anything else outside the sidepane for that matter). Heck, I'm completely ok with the behavior in VS or SSMS (with the auto-hide/pin option) where it doesn't automatically appear on hover but you have to click it first. My main point though is that my use of things in the sidebar (Explorer, etc) is almost always brief and temporary in nature, and I prefer to maximize the available code editing space, so (at least for me) it doesn't make much sense to have it persist (and thus take up editing space) when I only need it for a moment.

I realize that this may seem relatively minor when it's just an extra click/key or two to dismiss it, but my main job is software development and I often use VS Code for hours a day, so having "auto-hide" to eliminate those steps would still be pretty useful... I mean, it was apparently already deemed useful enough to add an auto-hide/pin feature to the panes in VS and SSMS, so if nothing else I would assume the same reasoning could apply to justify adding it to VS Code as well. :)

@r-0-0-t
Copy link

@r-0-0-t r-0-0-t commented Jul 4, 2020

Vote for the request.
Exactly the feature I am craving for.

@emvaized
Copy link

@emvaized emvaized commented Jul 24, 2020

Two years of waiting, and I hope finally we will see this feature rolling out some day!

@emvaized
Copy link

@emvaized emvaized commented Jul 25, 2020

Just use https://marketplace.visualstudio.com/items?itemName=sirmspencer.vscode-autohide

It doesn't have the following functionality:

  1. Expand on hover
  2. Collapse on cursor leave
  3. Floating panel, without shifting the editor
@hjwillems
Copy link

@hjwillems hjwillems commented Jul 29, 2020

@emvaized Exactly this, the reason for this is mostly for when im programming on my 15 inch laptop. Regarding to screen real estate i have vscode left and docs right. This means that annoying bar is taking like 30% of the screen real estate! (Without doing anything usefull during typing)
Like emvaized said, expand on hover, collapse on cursor leave just like the gnome bar in ubuntu, or OSX.
I can't believe this issue has been here for many years. What @emvaized said would be the perfect solution!

@Trass3r
Copy link

@Trass3r Trass3r commented Oct 6, 2020

@emvaized PRs welcome.
But there may very well be technical limitations preventing this.

@rayfoss
Copy link

@rayfoss rayfoss commented Oct 21, 2020

With the new cheap ultra portables coming out... not even talking about the surface tablets... but the 14" HP x360 and the Acer Flip 513, both of which have small screens and over 13 hours of battery life... an auto hiding explorer would be nice. Also, for accessibility... we will all lose our vision soon :/

Specially for React and Vue projects that have 1000 line files instead of tons of different files.

@andrewjrhill
Copy link

@andrewjrhill andrewjrhill commented Dec 1, 2020

There's really no benefit at all to having the sidebar visible on the screen while you're not using it. Especially on smaller devices where your screen real-estate is limited. All it does is add visual noise to the screen. I am pretty astounded that this is still an open issue after 4.5 years.

@jfBiswajit
Copy link

@jfBiswajit jfBiswajit commented Feb 28, 2021

This extention will help you automatically hide the sidebar and terminal.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet