Page MenuHomePhabricator

Reconsider the default layout of the ProofreadPage page editor on mobile
Open, Needs TriagePublic

Description

In 7a730aa563d7 / T332839, the ProofreadPage page editor was enabled on mobile. However, its UI is still the same that was designed with desktop in mind, defaulting to a two-column layout. This may not be ideal on mobile phones, or more generally on devices that have a portrait-sized screen (i.e. the height of the screen is larger than its width), as the lines in the text box are very short. On the other hand, in a one-column layout, one needs to constantly scroll to be able to see both the scan and the textbox.

Questions

  • Should the page editor default to a one-column layout on portrait screens? If yes, should there be any other conditions? (E.g. portrait computer screens may be wide enough that the two-column layout is okay; the presence of a virtual keyboard significantly increases the chances of needing to scroll, even if the height of the screen part not covered by the virtual keyboard is still larger than its width.)
  • If the answer for the above question is “yes” or “yes, conditionally”, what should happen with users who switch between desktop and mobile? Currently the layout preference is saved in the user preferences, which means toggling it on one device toggles it on other devices as well.

Screenshots

Two-column layout – current defaultOne-column layout – possible future default
Screenshot_20230328-171910_Firefox.png (2×1 px, 596 KB)
Screenshot_20230328-172035_Firefox.png (2×1 px, 389 KB)