search

SuffolkLITLab / docassemble-AssemblyLine

Quickly go from a paper court form to a runnable, guided, step-by-step web application powered by Docassemble. Swap out branding and pre-built questions to meet your needs.
https://suffolklitlab.org/docassemble-AssemblyLine-documentation/
MIT License
41 stars 5 forks source link

Style: consider making file upload target smaller #28

Open nonprofittechy opened 3 years ago

nonprofittechy commented 3 years ago

The current Docassemble upload widget overwhelms the page. My feeling is that it would be easier to read other text on the page if we made it much smaller. Hopefully this is just CSS.

nonprofittechy commented 3 years ago

Plocket: having a big input is something she does use. Is the documate.org/PDF one a better model?

We can fix the problem w/ clicking outside the input bringing up the "browse" window with just CSS and not get rid of the rest of the input? Should be an upstream fix as well but we can make it and submit a patch.

Also: can we find some other examples besides just documate.org/pdf and look at them side by side? Can we get a designer's help?

purplesky2016 commented 3 years ago

I believe this issue belongs to the Weaver and was resolved by using: 

fields:    
  - no label: template_upload
nonprofittechy commented 3 years ago

It was resolved on the weaver but I think we could still use the CSS fix for other interviews that have file uploads. I still think it's inappropriately large for a screen like this one:

image

Multiple fields on one screen, uploading an image is an optional step that not all users will take. It dominates the other fields that are more important.

The fact that you can click outside of the target to get the "browse" prompt is just a bug that should be fixed.

purplesky2016 commented 3 years ago

Agree, this core issue should be fixed. The weaver solution was just a workaround.