vscode: Have automatic overflow behaviour of tool bars
- install latest jupyter extensions
- use tabs
- look at the editor title and see that most space is consumed by commands
- we should automatically move some commands into the
...menu
About this issue
- Original URL
- State: closed
- Created 3 years ago
- Reactions: 3
- Comments: 21 (18 by maintainers)
Commits related to this issue
- limit editor title bar actions to 7 entries, https://github.com/microsoft/vscode/issues/115198 — committed to microsoft/vscode by jrieken 3 years ago
- limit editor title bar action to 9, https://github.com/microsoft/vscode/issues/115198 — committed to microsoft/vscode by jrieken 3 years ago
- Squashed 'lib/vscode/' changes from 622cb03f7e0..305bf142199 305bf142199 Remove icon from input row in ports view (#118649) b5af426d34c Properly dispose everything in tunnel view cells (#118546) f299... — committed to coder/code-server by jsjoeio 3 years ago
- Squashed 'lib/vscode/' changes from 622cb03f7e0..fd6f3bce670 fd6f3bce670 chore: bump electron@11.3.0 (#118680) 305bf142199 Remove icon from input row in ports view (#118649) b5af426d34c Properly disp... — committed to coder/code-server by jsjoeio 3 years ago
- Squashed 'lib/vscode/' changes from 622cb03f7e0..fd6f3bce670 fd6f3bce670 chore: bump electron@11.3.0 (#118680) 305bf142199 Remove icon from input row in ports view (#118649) b5af426d34c Properly disp... — committed to coder/code-server by jsjoeio 3 years ago
I have pushed a commit to limit the number of primary actions to seven. Starting with a fixed number so that the UI is also more static and not moving/hiding-showing actions as sizes change
This is what I would expect, as you resize the actions hide from left to right and get added to the ellipsis menu near the bottom (in order to keep the menu order consistent)
https://user-images.githubusercontent.com/35271042/106772040-75efaf80-65f4-11eb-96b3-507200572ee3.mov
That’s right. We also use the ellipsis for overflow in the activity bar. It’s used inconsistently in the viewlet title bar though. There the ellipses are used for selecting the visible views inside the viewlet and actions don’t overflow.
Overflowing actions into the ellipsis is also a common behavior in Browsers and in other web apps like Outlook. I also think a user can decide when to show/hide each action as they may not want certain actions visible or prioritize others.
@jrieken
fyi - for https://github.com/microsoft/vscode/issues/114123 we are planning to add a “run” sub menu to editor titles, that would be a good place for all run related things.