Collapse/expand top bar on scroll

[iamthomasbishop]

Problem

Visible canvas height in the editor is limited, considering sometimes on smaller/shorter phones, you've only got ~200-250pt/dp of space vertically. It is especially challenging to see and manipulate long bits of text and media on canvas.

Note: this issue/proposal applies to iOS as well. Even if the implementation ends up being slightly different, the behavior should be almost identical.

Proposal

Let's allow the top bar to collapse/expand as the user scrolls. This would would give us some wins:

1. The user has more precious canvas area, which could be up to 20% of the visible canvas area
2. It would clean up the UI a bit

Behaviors

• Scroll down: bar incrementally collapses vertically (upward) at the same rate as the scroll.
• Scroll up: bar incrementally expands vertically (downward), at the same rate as the scroll.
• [iOS-only] Tap status bar: scroll user to top of editor, bar expands vertically (downward).
• Tap keyboard hide button: keyboard hides normally, nothing happens to top bar

Other Examples

Google Docs: