Inner Blocks - Navigating with the Document Outline view

[pinarol]

Document Outline view is displayed once the user taps the breadcrumb on the Floating Toolbar. This is for navigating inside a complex hierarchy.

The scroll position should be arranged programmatically to make the selected block visible in the viewport. Please take a look at the prototype to get a sense of how it should behave.

This uses the existing Bottom Sheet component, we should be setting indentations to better visualize the hierarchy.

For most of the blocks it shows the title of the block, for text based blocks it shows a hint about the contained text.

[pinarol]

There's a possibility we can de-prioritize this a bit, let's talk before starting the implementation.

[dratwas]

@pinarol
I already started the implementation but I'm in the early phase.
What is done :

• show list of all block inside BottomSheet (not styled properly yet)
• select correct block when clicked in the document outline
• hide BottomSheet

What is left to do:

• mark which block is selected in the document outline
• scroll to the selected block inside document outline and after a click on an item inside
• add styles and all requirements like show hint about the contained text for paragraph etc.