NoDivide / astrum

A lightweight pattern library designed to be included with any web project.
http://astrum.nodividestudio.com
1.54k stars 98 forks source link

Component "focus" mode #147

Open Andy-set-studio opened 6 years ago

Andy-set-studio commented 6 years ago

Idea

As a possible alternative / companion to the toggling of the sidebar, a "focus" mode could be useful.

Essentially, a user clicks the focus mode button and it pulls that component out into its own window/dialogue that accumulates the entire screen. By presenting like that, we'd also give ourselves the opportunity to offer some basic breakpoint toggles because the gained space would assist in emulating breakpoints accurately (within reason).

This should also affect the history state so that a user can refresh while in focus mode, without having to click to enable it again.

If a user refreshes / loads the page with focus mode enabled, it might be worth deferring the load of other components until the dialogue is closed.

Here's a really rough sketch of what I'm on about:

img_9805

RyanHavoc commented 6 years ago

This idea is a natural progression from #38. I like this idea.