search

infinitesunrise / carsinbikelanes

A browsable geographic database for crowdsourced traffic violation reporting
GNU General Public License v3.0
64 stars 18 forks source link

Mobile upload form needs further improvements #8

Closed infinitesunrise closed 7 years ago

infinitesunrise commented 7 years ago

Plenty of space on desktop view so this isn't an issue there, but on mobile the upload form is still pretty clunky and unintuitive. Need to maybe make it take over more of the screen borders to be less visually distracted, and maybe make the file button the only prominent / visible form element until an image is attached. Given success of automatic date / plate / gps detection the user can then be prompted for the optional items: streets and description, and a big ol upload button.

Maybe have a 'auto-detection' failed middle screen where date, plate and gps selection map are displayed depending on if their auto-detection failed.

Set all three of these views - file button, failed-to-detect elements, and optional data / upload button - into divs at 100% height each, stack them vertically in a big flex-box that is the upload window, and that way they can be automatically flipped between while the user can still scroll back to manually change stuff.

File button should change visually in some obvious way when a file is attached, and I'm on the fence about this but maybe auto-detected fields should indicate in some styled way that they've been auto-entered.

infinitesunrise commented 7 years ago

Implemented all this in d2cba4a80aa6d545874bc68f2ab255e079c870d8 ! Yay!