Skip to content

Allow users to make the scrollbars in the title area larger#92720

Merged
bpasero merged 6 commits intomicrosoft:masterfrom
JohnnyCrazy:t-jodell/tab-and-breadcrumbs-scrollbar-heights
Mar 27, 2020
Merged

Allow users to make the scrollbars in the title area larger#92720
bpasero merged 6 commits intomicrosoft:masterfrom
JohnnyCrazy:t-jodell/tab-and-breadcrumbs-scrollbar-heights

Conversation

@JohnnyCrazy
Copy link
Contributor

This PR fixes #32192
It introduces two new settings:

  • workbench.editor.tabScrollbarHeight - Specify the size of the scrollbar used in the Tab list
  • breadcrumbs.scrollbarHeight - Specify the size of the scrollbar used in the breadcrumbs list

It updates in real-time, a small demo can be seen here:
image

Implementation wise, it's my first code change in VSCode, so I'm quite new to the architecture and I'm not sure if I chose the correct locations. Especially the constructor change in breadcrumbsWidget.ts. I'm looking forward to your feedback :)

@msftclas
Copy link

msftclas commented Mar 15, 2020

CLA assistant check
All CLA requirements met.

@bpasero
Copy link
Member

bpasero commented Mar 16, 2020

Thanks, this seems to work pretty well. Adding @alexdima for the changes on the scrollbar itself and @jrieken for breadcrumb.

I wonder if we should have just 1 setting for breadcrumb and tabs, however this may be challenging because after all tabs have more height available compared to breadcrumbs.

@JohnnyCrazy one early feedback I have is to add an upper limit for the scrollbar height so that people do not end up with the scrollbar taking the entire space. E.g. something like 50% of the height we set for the parent container.

Kapture 2020-03-16 at 7 37 14

@bpasero bpasero added this to the On Deck milestone Mar 16, 2020
@jrieken
Copy link
Member

jrieken commented Mar 16, 2020

Idk - this a good idea? Do we want settings for each scrollbar? What about the peek-errors - users have complaint about that one too. Isn't the better approach to have one scrollbar height setting?

@bpasero
Copy link
Member

bpasero commented Mar 16, 2020

@jrieken yeah but as far as I know, we use a consistent size for the scrollbar in all other places, only the editor tabs and breadcrumbs use a smaller height.

Fair though, we probably need a setting for all other scrollbars too if we wanted to be consistent.

@jrieken
Copy link
Member

jrieken commented Mar 16, 2020

Fair though, we probably need a setting for all other scrollbars too if we wanted to be consistent.

If breadcrumbs and tabs are really the only two special height cases that we should maybe have a setting for that, or a setting for the "special height" scrollbar. I wouldn't allow a number but something symbolic, like "small" and "default".

@bpasero
Copy link
Member

bpasero commented Mar 16, 2020

Yeah I like that, we could have then just have 1 setting for both scrollbars. default would be as today and large could then actually just pick the size we have in all other places of the workbench.

@JohnnyCrazy
Copy link
Contributor Author

I think a setting for each scrollbar would be too much hassle to maintain/configure for both, the user and the developer.

If breadcrumbs and tabs are really the only two special height cases that we should maybe have a setting for that, or a setting for the "special height" scrollbar. I wouldn't allow a number but something symbolic, like "small" and "default".

I like the idea of having a symbolic setting and I could imagine most users who complained about the small tab/breadcrumbs scrollbar don't want to specify a specific pixel number; they just want it to be better grabbable. This would also remove the need of a max height boundary and different parent sizes are no problem.

The naming of such a setting is not easy though, workbench.specialScrollbarHeight could be hard to find?

Yeah I like that, we could have then just have 1 setting for both scrollbars. default would be as today and large could then actually just pick the size we have in all other places of the workbench.

Isn't the size of all other scrollbars a little bit too large for the breadcrumbs list? It would be 14px.

image

If we find some consent, would be happy to refactor the PR :)

@bpasero
Copy link
Member

bpasero commented Mar 16, 2020

Yeah, I would pick a sensible default for the larger scrollbar that works. Maybe workbench.editor.titleScrollbarSizing: default | large ?

@JohnnyCrazy
Copy link
Contributor Author

If we limit the setting to the title bar, sounds good

@jrieken mentioned peek-errors, should they also be included in this change? then we would need a different name

@bpasero
Copy link
Member

bpasero commented Mar 16, 2020

I would not open the door to all the other places just yet.

…ub.com:JohnnyCrazy/vscode into t-jodell/tab-and-breadcrumbs-scrollbar-heights
@JohnnyCrazy
Copy link
Contributor Author

I updated the PR and introduced workbench.editor.titleScrollbarSizing: default | large

Large defaults:

image

@JohnnyCrazy JohnnyCrazy changed the title Added 2 settings for the scrollbar height of breadcrumbs and tabs Allow users to make the scrollbars in the title area larger Mar 17, 2020
@bpasero bpasero self-requested a review March 19, 2020 08:28
Copy link
Member

@bpasero bpasero left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@JohnnyCrazy pushed a bit of cleanup in b0ebbd0.

LGTM, waiting for @jrieken and @alexdima for thoughts on the changes in their areas.

Copy link
Member

@alexdima alexdima left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM. I also pushed a change to use updateOptions to update the horizontal scrollbar size.

@bpasero bpasero modified the milestones: On Deck, March 2020 Mar 27, 2020
@bpasero bpasero merged commit 458a4c9 into microsoft:master Mar 27, 2020
@bpasero
Copy link
Member

bpasero commented Mar 27, 2020

Thanks @JohnnyCrazy

@JohnnyCrazy JohnnyCrazy deleted the t-jodell/tab-and-breadcrumbs-scrollbar-heights branch March 27, 2020 11:39
@github-actions github-actions bot locked and limited conversation to collaborators May 11, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Allow to change the height of the scrollbar in title area (tabs, breadcrumb)

5 participants