search

kh90909 / OakTerm

Serial terminal for the Digistump Oak over the Particle Cloud
8 stars 2 forks source link

Ensure sidebar is accessible for mobile devices #4

Closed emcniece closed 8 years ago

emcniece commented 8 years ago

The current sidebar in https://github.com/kh90909/OakTerm/pull/1 is fixed left, which allows the main content to scroll. The sidebar is useful for items that benefit from larger horizontal space, like select elements. This presents a design problem for mobile devices however, as limited screen real estate will force priority consideration.

Ideas for mobile display:

  1. Position sidebar relatively, either above or below terminal content. This means that the header and footer may also have to be positioned relatively, and the user will have to scroll through the entire interface - problematic for long-running content. The terminal output div could be height-limited and overflow scrolled.
  2. Move sidebar controls to a modal. This makes the controls available in an overlay, but scrolling through the control set may be an issue. Not impossible however.
  3. Implement an off-canvas sidebar (like Slidebars). This benefits mobile devices as the sidebar can scroll independently from the terminal content, and the sidebar maintains its fixed-position behavior (better for UI consistency)

I'm in favor of the off-canvas menu (3) but I'm open to ideas!

emcniece commented 8 years ago

In progress

emcniece commented 8 years ago

Ready for testing

emcniece commented 8 years ago

Complete!