search

Soil-Carbon-Coalition / atlasbiowork

App framework based on wq for entering georeferenced data about landscape function
4 stars 2 forks source link

optimize css for outdoor use #14

Open managingwholes opened 8 years ago

managingwholes commented 8 years ago

highest possible contrast, larger text in most cases

sheppard commented 8 years ago

The place to start would be to create a custom jquery-mobile-theme() in themes.scss which is compiled to CSS: https://wq.io/docs/jquery-mobile-scss-themes

Larger text should be doable via plain CSS in e.g. main.css.

This has come up before - at some point it would be useful to provide a high-contrast theme in wq core.

managingwholes commented 8 years ago

Use swipe to transition between fields and groups of fields in mobile, along with an opening screen to explain this pictorially, as ODK has.

sheppard commented 8 years ago

Swipe should be doable with a bit of JavaScript/jQuery. We would separate each group into a <div> then connect to the swipeleft and swiperight events to hide()/show() each section as appropriate. We could probably get it to animate as well, though that would be a bit more work.