Page MenuHomePhabricator

[mobile] Flow UI issues
Open, Needs TriagePublic

Description

The following issues are present in betalabs, testwiki wmf.14; they were confirmed in browser emulators and on a real device (iPhone 6s).

(1) Solid red color covering 'Cancel' button.

  1. On mobile Flow page, click on the menu item 'Hide topic".
  2. The popup will display'Cancel' button that has a solid red color. On desktop, in a hover state 'Cancel' label will be displayed, but mobile doesn't have the hover state, so the button persistently displays a solid red color.
DesktopMobile
Screen Shot 2021-07-16 at 11.09.38 AM.png (960×2 px, 115 KB)
the hover state:
Screen Shot 2021-07-16 at 11.20.50 AM.png (950×1 px, 76 KB)
Screen Shot 2021-07-16 at 11.12.16 AM.png (1×728 px, 102 KB)

(2) When "Edit title" and "Summarize" menu options are clicked, the menu is still displayed along with "flow-ui-editorWidget-editor" resulting in the confusing UI:

Screen Shot 2021-07-16 at 11.11.28 AM.png (1×728 px, 135 KB)
Screen Shot 2021-07-16 at 11.11.54 AM.png (1×728 px, 108 KB)

(3) The placement of the three-dot menu is moved to the end of the reply - is it a design decision or a regression?

Screen Shot 2021-07-16 at 11.33.17 AM.png (1×736 px, 185 KB)
Desktop:
Screen Shot 2021-07-16 at 11.33.36 AM.png (594×1 px, 75 KB)