Page MenuHomePhabricator

Final design desk check: Phonos UI
Closed, ResolvedPublic

Description

Finalize all open UI concerns with Phonos.

@nayoub and @JSengupta-WMF to work together and document / link to any open phab tasks in this parent ticket

Event Timeline

T324102, which concerns a legal requirement, will likely entail converting PhonosButton to an extension of (or wrapping it in) ButtonGroupWidget and thus a CSS overhaul.

Design QA:

Overall it looks really great! Thanks for adding the progress bar. We only found some minor visual misalignments with the proposed design that I am listing down below:

AnalysisCurrent implementationProposed design
Missing padding around the phonos button
Screenshot 2023-03-03 at 11.29.30.png (202Γ—1 px, 27 KB)
Phonos_Dimensions.png (271Γ—320 px, 5 KB)
Border looks a bit thick visually. If 2px is being used in the code, can we try with 1px please?
Screenshot 2023-03-03 at 11.29.30.png (202Γ—1 px, 27 KB)
Phonos_Border.png (271Γ—320 px, 9 KB)

@nayoub please feel free to add anything else I might have missed out.