Improvements to collapsed sidebar
@annabeldunstone @iamphill I found some issues with the collapsed sidebar. I think some of them may be fixable today, but others we can just take care of in 10.0. I ordered them from most to least important.
Fly-out for the active section
The fly-out won't show for the active section when the sidebar is collapsed. There's no way to navigate to other subsections in the active area.
(The title row in the design can be added in 10.0)
Implementation | Design |
---|---|
Navigation tunnel in collapsed sidebar
The navigation tunnel fix doesn't seem to work very well with the collapsed sidebar
Rows change height
The height of the rows changes when collapsing the sidebar. Since the text is removed in the collapsed sidebar, the content of each row goes from 20px high (due to the text line height) to 16px.
Fly-out for sections without sub-items
When the sidebar is collapsed the fly-out should have a title row. That row should show up even if there are no sub-sections so you can see the name of the main item. Since the navigation will still be optional in 9.5 we can do this in 10.0
Collapse button
The Collapse/Expand button shouldn't have a separator if there's enough space to display all options. I think it was implemented this way for simplicity, so if that's the case it'd be great if we can try and squeeze that in as a UI polish issue in 10.0.
Implementation | Design |
---|---|
Auto-collapsing
The sidebar collapses when resizing the viewport. This is not necessarily bad but I'm not sure what the breakpoints are and we don't offer the option to pin the sidebar.