[x] The 'selected' style doesn't quite match the design in Figma
[x] Users should not be able to make invalid selections (IE more than 2 languages).
[x] Its unclear why you can move to the next step while invalid selections are present.
Filter popup
[x] This should close if you click or tap outside of the window
[x] Radio buttons should share the same style and hitbox considerations as checkboxes
[x] Radio buttons don't seem to appear in the filter popup
Search Bar
[x] Missing an active state
[x] Appears disabled
[x] Some design characteristics are inconsistent with Figma
[x] No Obvious way to clear results (maybe additional design will be needed on our part here)
[x] When you search/filter by language or book, the lang code resp. book code, is shown when it should not be shown since it is filtered out
Stepper
[x] This should stay fixed on the screen; the CTA should never be off screen.
[x] Active step does not match Figma
[x] Progress line on mobile is missing from figma design
Resources Page
[x] At smaller sizes, the layout should condense to a single column.
[x] Shouldn't be able to move on to the next step without selecting resources for all selected languages.
Generate Step
[x] Layout dropdown looks disabled.
[x] Layout popup mobile design is inconsistent with Figma
It appears to use system UI. This is fine so long as all popups
Note: Now using radio buttons rather than dropdown
[x] Print Optimization toggle color is off
[x] It feels like nothing is happening when you wait for the website to generate the download.
N.B. The document generation task status is now more aggressively updated at the beginning
of document generation to hopefully alleviate this and remove
a longer pause in presenting the progress bar
[x] User shouldn't be able to leave the step while documents are generated; maybe consider opening that up in a separate tab?
N.B. Update now warns user if they attempt to leave the page via reload or tab close. The user can also now navigate away
within-app and come back to download step without interruption.
[x] It is also unclear why you can 'go forward' even though there isn't anything past that point.
Selections panel
[x] Edit buttons sometimes appeared inconsistent, hard to replicate?
[x] Languages are missing the code
[x] Scroll behaviors are strange; might consider opening this as a full window instead of as an overlay
General
[x] Some of the text feels too small; should be minimum 16px on mobile, but maybe aim for 20px? 24px on desktop as a base?
N.B. Min of 20px text now. Looks good to me on Desktop too,
but let me know if you want desktop at min of 24px still.
[x] Back arrow on the Language step is active despite not actually doing anything
[x] Overall spacing between components feels too tight; needs more space.
Checkboxes
Filter popup
Search Bar
Stepper
Resources Page
Generate Step
Selections panel
General