Responsively-app: Zen Mode

[steveyang331]

I know currently it can get similar style, not not quite enough mini .

[jjavierdguezas]

Like a 'Zen Mode' or 'Focus Mode' where we only show devices in focus mode (tabs) and hide everything else?
@manojVivek @jzabala what do you think?

[steveyang331]

That's right . Zen mode.

[manojVivek]

@jjavierdguezas Instead of a specific mode for this, I would suggest adding buttons to hide the top and sidebars. This way it will be more flexible and can be used for other situations too. A quick mockup below:

What do you guys think?

[steveyang331]

Good idea .

[sidthesloth92]

@manojVivek @jjavierdguezas Can I work on this one?

[jjavierdguezas]

Great @sidthesloth92 , I assigned it to you
Thanks!

[sidthesloth92]

Update on the issue, have managed to get the primary functionality done. @manojVivek You happen to have the arrow icons from your mock screenshot?

[manojVivek]

@sidthesloth92 Can you try this:

<svg width="19" height="8" viewBox="0 0 19 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M1 6.5L9.5 2L18 6.5" stroke="white" stroke-width="2" stroke-linecap="round"/>
</svg>

[sidthesloth92]

Thanks @manojVivek ..:D