Peek navigation while hovering the sidebar button

Problem to solve

Discovering the peek interaction is a bit cumbersome with only a 6px wide hot spot to trigger. Adding this interaction on hover can save a click.

The peek behavior is really nice, but some times I found myself holding my cursor over of the sidebar icon waiting for the peek. The current peek behavior is nice, I don't think we'd need to replace it, just add the same behavior with the over of the sidebar icon. - #378545 (comment 1423779394)

Proposal

The user will be able to access the sidebar when it is hidden by hovering over a button in the UI which will expose the full sidebar in an overlay.

Peek_on__hover

General guidelines

• Hovering over the sidebar button exposes the sidebar within an overlay – note: there are some slight differences in the design of sidebar when it is shown in the overlay.

Accessibility

• The overlay/disclosure version of the sidebar will not show on focus, only hover. For the focus state, we will show the tooltip and aria-attributes should be utilized for screenreaders describing what clicking the button does.

References

Forked from super sidebar viewport edge peek #390773 (closed)