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

Explore using the window titlebar to make the command palette more discoverable #142867

Closed
lychung7 opened this issue Feb 11, 2022 · 5 comments
Closed
Assignees
Labels
quick-pick Quick-pick widget issues titlebar VS Code main title bar issues ux User experience issues
Milestone

Comments

@lychung7
Copy link
Contributor

A couple of months ago we started brainstorming how we could update the titlebar.
Here are some of the most recent explorations:

Frame 14
Frame 11
Frame 16

Now we'll be iterating specifically on the command palette experience that opens from the titlebar.

@lychung7 lychung7 self-assigned this Feb 11, 2022
@dacapoday
Copy link

How about command palette on title bar look like when vscode in a small screen?
This is my current minimal window display(1.64):
smallwindow

@lychung7
Copy link
Contributor Author

Here are a couple options @sbatten and I explored so far:

Option A:

A.mov

We slightly increased the height of the titlebar and increased the size of the search bar to match the size of our current command palette text field. Users type directly into the text field and the menu opens underneath.

Option B:

B.mov

We kept the size of the search bar the same from previous explorations, and have the command palette overlayed on top. The search bar acts more as a click target.
Would love to get people’s thoughts and feedback. I also included what the titlebar could look like in smaller windows.

Here's what the experience can also look like in smaller windows:

smallerwindow1
smallerwindow2

@dacapoday, we are thinking about minimizing the menu into an icon and showing the folder name inside the search bar (in its default, resting state) to give more space for the command palette.

@heartacker
Copy link
Contributor

heartacker commented Feb 15, 2022

As a user, I tend to have title menus and command palette box at the same time.
some like vs 2022
FYI:
#115641 (comment)
aaa

@fwcd
Copy link
Contributor

fwcd commented Mar 2, 2022

Cool idea, perhaps this could be configurable though, so advanced users could keep only the menus in the title bar as currently?

@miguelsolorio miguelsolorio added this to the March 2022 milestone Mar 3, 2022
@miguelsolorio miguelsolorio added quick-pick Quick-pick widget issues titlebar VS Code main title bar issues ux User experience issues labels Mar 3, 2022
@sbatten sbatten modified the milestones: March 2022, April 2022 Mar 24, 2022
@miguelsolorio miguelsolorio mentioned this issue Apr 5, 2022
52 tasks
@sbatten sbatten modified the milestones: April 2022, May 2022 Apr 27, 2022
@daviddossett daviddossett modified the milestones: May 2022, June 2022 Jun 1, 2022
@daviddossett
Copy link
Contributor

Closing since this is now merged. Will track feedback in new issues going forward.

@github-actions github-actions bot locked and limited conversation to collaborators Aug 15, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
quick-pick Quick-pick widget issues titlebar VS Code main title bar issues ux User experience issues
Projects
None yet
Development

No branches or pull requests

7 participants