vscode icon indicating copy to clipboard operation
vscode copied to clipboard

Add button to hide status bar of suggest widget

Open gjsjohnmurray opened this issue 1 year ago • 15 comments

This aims to help new users get the best from the suggest widget by defaulting its status bar to be visible, and also adding a button to easily change the setting to false.

image

gjsjohnmurray avatar Apr 22 '24 10:04 gjsjohnmurray

Idea was prompted by #142895. If I implement that (status bar on parameter hint widget) it'll make sense to default the new status bar as visible, in which case experienced users ought to be given a 1-click way of hiding it.

gjsjohnmurray avatar Apr 22 '24 10:04 gjsjohnmurray

I also experimented with adding a gearwheel button immediately left of the new close button, with the idea of making it open Settings Editor pre-populated with editor.suggest as the query. But my first attempt was rejected as a layer breaker, and I'm reluctant to investigate a solution for that unless the idea is likely to be accepted.

gjsjohnmurray avatar Apr 22 '24 10:04 gjsjohnmurray

@daviddossett what do you think of this, UX wise?

gjsjohnmurray avatar May 08 '24 05:05 gjsjohnmurray

I like the idea, but shouldn't it be keyboard driven given that this is a suggest widget? I would have expected something like hide status bar (shortcut). More noise but more consistent with the other items.

daviddossett avatar May 08 '24 17:05 daviddossett

@daviddossett I think it's too noisy:

image

My intention is for the [X] to be a discreet indicator that this status bar can be hidden. Once hidden it could only be shown again by going to Settings Editor. I think it's unlikely that a user will change their mind frequently about whether or not they want it shown, in contrast to the "show more" / "show less" toggle that has a keyboard shortcut which the status bar "teaches" the new user about.

gjsjohnmurray avatar May 09 '24 20:05 gjsjohnmurray

Related - do you agree with me that "show more" should be "Show More", and the same capitalization should apply to "show less"?

gjsjohnmurray avatar May 09 '24 20:05 gjsjohnmurray

Related - do you agree with me that "show more" should be "Show More", and the same capitalization should apply to "show less"?

Agreed

I think it's too noisy

As it stands, I agree. How does it feel with just "Hide" as the string? Have you thought about other less front-and-center approaches? For example, many toolbar buttons and tab-like elements in VS Code rely on right click to hide themselves. While not the most discoverable, it's at least consistent.

CleanShot 2024-05-09 at 16 52 30@2x

daviddossett avatar May 09 '24 23:05 daviddossett

I worry it wouldn't be obvious that a "Hide" label was an action on the status bar of the suggest widget when the other actions apply to the widget.

I haven't experimented with a context menu on the status bar, with a Hide Status Bar option. As you say it isn't so discoverable. There's already precedent for an X button at the right-hand end of a widget closing that widget.

gjsjohnmurray avatar May 21 '24 22:05 gjsjohnmurray

@daviddossett any further thoughts about this?

gjsjohnmurray avatar Jul 10 '24 05:07 gjsjohnmurray

Related - do you agree with me that "show more" should be "Show More", and the same capitalization should apply to "show less"?

Agreed

Done in #225431

gjsjohnmurray avatar Aug 12 '24 18:08 gjsjohnmurray

@daviddossett any further thoughts about this?

I know it's not currently assigned to you, but reckon any change of this type is going to need backing from specialists such as yourself.

gjsjohnmurray avatar Oct 04 '24 05:10 gjsjohnmurray

Is this still relevant?

vivodi avatar Dec 29 '24 17:12 vivodi

Is this still relevant?

Yes

gjsjohnmurray avatar Dec 29 '24 22:12 gjsjohnmurray

Opened a pull request to add a button to hide status bar of suggest widget

Watemlifts avatar Feb 09 '25 15:02 Watemlifts

Merge

Watemlifts avatar May 21 '25 06:05 Watemlifts

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@jrieken

Matched files:

  • src/vs/editor/contrib/suggest/browser/suggestController.ts
  • src/vs/editor/contrib/suggest/browser/suggestWidget.ts