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:
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: