Feature #19434
closed
Collapse Left Hand Nav Bar
Description
Desperately want to be able to Collapse the Left Hand Bar which I use seldomly and want my screen real estate back.
From discussion: the UI convention is to put a 3 horizontal line ("hamburger") menu in the upper left to toggle the left nav panel. This will push the title over to the right a little bit but there should be plenty of space.
Related UI change: because the +NEW button is located on the left nav, having the left nav collapsed will cause it to be hidden. We probably want the +NEW button to be moved into the project panel.
It does not have to be added to any other panels -- when those are active, the button was already disabled, because it can only be used when you have a writable project selected. You probably don't have to deal with permissions, either, because the existing component enable/disable logic should already do that.
Updated by Peter Amstutz about 2 years ago
- Target version set to 2022-12-21 Sprint
Updated by Peter Amstutz about 2 years ago
- Assigned To set to Lisa Knox
- Project changed from Arvados Workbench 2 to Arvados
Updated by
Updated by Anonymous about 2 years ago
- % Done changed from 0 to 100
- Status changed from In Progress to Resolved
Applied in changeset arvados-workbench2|215d0b7a7e1f69765c5f2a1139e52d8c427066eb.
Updated by Peter Amstutz about 2 years ago
Feedback from Sarah:
The collapse button should be part of the left hand panel (not the nav bar), in the top of the panel, above the +NEW button.
When the panel is open, the toggle button uses an icon indicating it will close the panel (such as a left pointing arrow).
Clicking on the button collapses the left panel.
Collapsed means: it is adjusted to a minimum width vertical strip that provides just enough space for the toggle button.
The toggle button switches to an icon indicating that clicking on it will open the panel (such as a right pointing arrow).
When collapsed, the other components of the panel (+NEW button, the tree) are hidden.
From discussion: use the icons that twitch.tv uses, e.g. <-| and |->
Updated by Peter Amstutz about 2 years ago
- Status changed from Resolved to Feedback
Updated by Peter Amstutz almost 2 years ago
- Status changed from Feedback to Resolved