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

Provide an option to hide the activity bar #1105

Closed
daviwil opened this issue Dec 8, 2015 · 40 comments
Closed

Provide an option to hide the activity bar #1105

daviwil opened this issue Dec 8, 2015 · 40 comments
Assignees
Labels
feature-request Request for new features or functionality
Milestone

Comments

@daviwil
Copy link
Contributor

daviwil commented Dec 8, 2015

I'd like to be able to hide the workspace button bar on the left side of the window to gain some more screen real estate and have a more text-focused experience. Users of Sublime Text and Atom may also be interested in this setting.

cc @guillermooo

@egamma egamma added the feature-request Request for new features or functionality label Dec 8, 2015
@bpasero
Copy link
Member

bpasero commented Dec 8, 2015

@daviwil you can hide it already from the View menu or do you mean a permanent option? How would you then be using search, git, debug etc?

@daviwil
Copy link
Contributor Author

daviwil commented Dec 8, 2015

I was actually referring to the workspace buttons themselves:

image

Sorry for not being more clear! If they're not visible I'd just use key combinations to navigate to them.

@egamma egamma modified the milestone: Backlog Dec 10, 2015
@ristomatti
Copy link
Contributor

+1 for this. I would say that being able to hide any distracting/unused UI elements being one of the appeal factors with the highly configurable non-IDE code editors (which I presume is the category Code is targeting).

As a side note, is there any way to vote on the feature requests? I'm pretty sure this is not the way to do it. I tried to look for tips on the submitting bugs and feature requests page but didn't find any guidelines on this.

@egamma
Copy link
Member

egamma commented Dec 20, 2015

@ristomatti Here are our guidelines which are work in progress, to be honest we haven't fully settled on how to separate a discussion inside github issues and usevoice

@ristomatti
Copy link
Contributor

@egamma Thanks! I didn't previously notice the User Voice header being a link. I've now registered there and will vote for the issues there as it seems to make more sense than commenting here.

Maybe it would be a good idea to try to settle on one service that could be used for both feature requests (voting etc.) and bugs/issues? That could greatly simplify managing these.

@bpasero bpasero changed the title Provide an option to hide the workspace button bar Provide an option to hide the activity bar Mar 15, 2016
@bpasero bpasero self-assigned this Mar 30, 2016
@Xiltch
Copy link

Xiltch commented Apr 26, 2016

My Band-Aid was opening the developer tools every time I open the editor and deleting the parent div (ID: workbench.parts.activitybar ) then just toggle the side-bar on and off to let the UI re-align the div positions. The long term solution would be a bar button similar to the "Show Desktop button on a Windows taskbar" on the far left of blue status bar in the editor next to the extensions icon or a workspace settings you can force in the settings.json file ("window.activitybar" : false)?

@kendaleiv
Copy link

Implementation suggestion: Now that there's an option under the View menu to Toggle Status Bar, add another option for Toggle Activity Bar or similar to match.

@normalser
Copy link

Looking forward to this feature. Would love to use this space for something more important :)

Maybe it could be also configurable via settings:

workbench.editor.actvitiyBar.location = "left" | "sideBar" | "statusBar" | "hidden"

where

  • left - as it is now
  • sideBar - small icons in top part of side bar
  • statusBar - small icons in status bar
  • hidden - hidden

@dilijev
Copy link

dilijev commented Jul 20, 2016

To add to this: I think it would also be nice to be able to right-click on the bar to see the option to hide it (with the hotkey listed so you can remember how to quickly bring it back).

@ghost
Copy link

ghost commented Aug 22, 2016

So, is it going to be implement?

@mrlami
Copy link

mrlami commented Sep 12, 2016

+1 option to hide this would be super...

@LiPengfei19820619
Copy link

+1. I hope there is an option to allow to hide the view bar.
Thanks.

@cybertim
Copy link

👍 Because with multiple open windows the bar takes a lot of real-estate of my screen, an example:
screen shot 2016-09-23 at 12 26 02
With three windows/projects open next to each other almost 20% of editor space is filled with a grey area, i'd rather use this for more code ;-)

@nikhildaga
Copy link

The sidebar icons and bottom bar are the only things stopping me from using vscode instead of atom

@renier
Copy link

renier commented Nov 7, 2016

@golf1052 Will you submit a PR from your fork? nm. you already did: #14940

@dilijev
Copy link

dilijev commented Nov 8, 2016

@nikhildaga You can change the visibility of the bottom bar by going to View > Hide/Show Status Bar or by setting "workbench.statusBar.visible": false (hidden) or "workbench.statusBar.visible": true (visible).

@niallobrien
Copy link

Looking forward to seeing this feature being implemented. Thanks all.

@bpasero
Copy link
Member

bpasero commented Nov 10, 2016

This landed with the new setting "workbench.activityBar.visible".

Thanks @golf1052 👍

@nikhildaga
Copy link

That's great news! Thanks so much!

@dilijev : I was talking about : #1884

@normalser
Copy link

Could we also get Toggle Activity Bar menu option (and ability to set keyboard shortcut) ?

image

@cybertim
Copy link

I would suggest to add the setting (like it's working now) but when you set workbench.activityBar.visible to false the CMD-B will hide/show the activityBar together with the Side Bar.

@bpasero
Copy link
Member

bpasero commented Nov 10, 2016

@wallverb there is an entry in the menu as well as a command to toggle 👍

@cybertim I like the idea but I think this needs another option because not everyone might want to ever see the activity bar?

@cybertim
Copy link

@bpasero that is true, but isn't 'coupling' the activitybar from the sidebar making the sidebar less functional, since it also shows a quick overview of what other activities need attention (like updates for the extensions).
But I agree, maybe have three settings for the workbench.activityBar.visible ? never always and combined ?

@bpasero
Copy link
Member

bpasero commented Nov 10, 2016

@cybertim I do not know how people see the activity bar. For many it may just be a toolbar or menu that they want to turn off. That is totally valid (like turning off the top level menu).

I like your suggestion though with having multiple settings, though the toggle action would probably still just hide it for good.

@cybertim
Copy link

@bpasero I can only speak for myself, but I see the activityBar as a whole, like tabs, for the SideBar. That is why I thought it would feel more natural to hide/show the activityBar combined with the sideBar.

@normalser
Copy link

normalser commented Nov 10, 2016

If we could have something like

workbench.actvitiyBar.location = "sideBar"

image

then @cybertim use case would be handled

@bpasero
Copy link
Member

bpasero commented Nov 10, 2016

I suggest to open individual issues for requests that are now coming up. They are otherwise lost in this closed work item.

@shaharido1
Copy link

+1

@magneticz
Copy link

is the workbench.activityBar.visible available in the latest stable release. I can't get it working, so maybe i am doing something wrong

@kaiwood
Copy link
Contributor

kaiwood commented Dec 1, 2016

@magneticz Its only in Insiders currently, but will be available in the next stable release this month.

@rafaelbdb
Copy link

Should have an "auto-hide" option (shows on mouse hover)

@ghost
Copy link

ghost commented May 13, 2017

@rafaelbdb an 1px wide sidebar with resize on mouse hover would be great, something like that might help:

.sidebar {
  width: 1px;
  transition: width 0.5s ease; /* for smooth show/hide */
}
.sidebar:hover {
  width: 25px;
}

or in js so:

sidebar.onmouseover = _widen;
sidebar.onmouseout = _shrink;
sidebar.style.transition = "width 0.5s ease";
function _widen(event) {
    sidebar.style.width = 25;
}
function _shrink(event) {
    sidebar.style.width = 1;
}

@desmond-dsouza
Copy link

Since the activity-bar and side-bar are closely related, what about using a single command "Toggle Side-Bar" or "Switch Side-Bar", with a single shortcut like Cmd-B, which cycled through either (a) Both on or Both off (my preference) or (b) the 4 combinations: off-off, off-on, on-off, on-on?

@vscodebot vscodebot bot locked and limited conversation to collaborators Nov 18, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
feature-request Request for new features or functionality
Projects
None yet
Development

No branches or pull requests