Page MenuHomePhabricator

RC page - UI issues on mobile
Open, Needs TriagePublic

Assigned To
None
Authored By
Etonkovidova
Apr 17 2017, 11:09 PM
Referenced Files
F11974698: dropdown-on-ios.png
Dec 21 2017, 5:24 PM
F10166527: IMG_3365.PNG
Oct 12 2017, 8:56 PM
F10166530: IMG_3366.PNG
Oct 12 2017, 8:56 PM
F7600148: IMG_2247.PNG
Apr 17 2017, 11:09 PM
F7600133: IMG_2248.PNG
Apr 17 2017, 11:09 PM
F7600003: Screen Shot 2017-04-17 at 11.15.27 AM.png
Apr 17 2017, 11:09 PM

Description

  1. Switch to mobile web view in the browser and go to Special:RecentChanges. The settings for 'Invert selection' and 'Associated namespaces' displayed as a joined, greyed-out box:

Screen Shot 2017-04-17 at 11.15.27 AM.png (353×1 px, 61 KB)

  1. With iPhone6 (9.3.2) on RC page is not possible to make Namespace selection

IMG_2248.PNG (640×1 px, 57 KB)

IMG_2247.PNG (1×640 px, 100 KB)

  1. [wmf.3] The collapsed legend interferes with the display of dates:

IMG_3365.PNG (1×640 px, 108 KB)

Uncollapsed Legend looks ok:
IMG_3366.PNG (1×640 px, 117 KB)

Event Timeline

The grey blobs that merge together are because that's what disabled mw-ui-checkboxes look like. (@Volker_E ? @Jdlrobson ?) They become un-disabled when you make a selection in the dropdown.

The dropdown not working at all on an iPhone seems more mysterious though.

The mediawiki ui checkbox doesn't seem to have a disabled implementation so this will need to be added.

The dropdown works for me, it's just completely unstyled as Minerva uses a reset css file and never relaxed it for select's when we moved to mediawiki ui. Can be easily fixed by relaxing the select css rules inside MobileFrontend or replacing it with a OOUI widget.

With iPhone6 (9.3.2) on RC page is not possible to make Namespace selection

@Etonkovidova, are you sure about this claim? I don't have iPhone, but when using simulator, dropdown menu opens in separate panel, in both Safari and Chrome. I know that using simulator isn't the same as using real device, but can you recheck? Any kind of indicator (like down arrow) is missing though. Here is how it looks:

dropdown-on-ios.png (812×551 px, 146 KB)

Other two points look the same on my simulation, with checkbox displayed grayed out only when disabled, like explained in previous comments.

@Petar.petkovic yes, the most recent UI looks like your screenshot - no overlapping grey squares, so #1 and #2 are invalid now.

#3 is rather a minor issue.

Aklapper renamed this task from [mobile-wmf.20] RC page - UI issues to RC page - UI issues on mobile.Sun, Nov 9, 8:35 PM