Responsive document toolbars #10595
Labels
enhancement
pkg:notebook
status:resolved-locked
Closed issues are locked after 30 days inactivity. Please open a new issue for related discussion.
tag:Design and UX
Milestone
Problem
Documents such as notebooks in JupyterLab can have a toolbar of widgets (buttons, dropdowns, etc.). Extensions can add widgets to the toolbars and for a given panel width, the total number of widgets may not fit in the available space. Currently, buttons that overflow off the right side of the toolbar are not visible and there is no way for users to see or use those widgets.
Proposed Solution
We should explore ways to make the extensible toolbar widgets responsive. The solution I would propose is to put widgets that don't fit behind a triple-doc or "more" button that contains the additional widgets. This is a common pattern is responsive toolbar design.
One aspect we will need to consider is which widgets will be hidden. My sense is that builtin widgets of JupyterLab should be hidden last. We may need additional widget metadata or sectioning in the toolbar that can be used to determine which widgets are hidden in the "more" button.
Additional context
#10469 does help some by allowing users to change the content of the toolbars using settings. But as the user adjusts the width of panels, this can still be an issue.
The text was updated successfully, but these errors were encountered: