Page MenuHomePhabricator

Items in the editor switcher are squished
Closed, DuplicatePublic

Description

Steps to reproduce

  1. Open any page on mobile (e.g. https://en.m.wikipedia.org/wiki/Apple_Park)
  2. Tap the pencil to edit the lead section (https://en.m.wikipedia.org/wiki/Apple_Park#/editor/0 )
  3. Tap the other pencil to bring up the editor switcher
Expected

The menu is usable.

Actual

The items are squished and the menu is hard to use (it's difficult to touch the item you want).


Developer notes

The list items are rendered via OOUI. The oo-ui-tool-link element (wrapper of icon and text) is styled as display: table. Probably because of that, the padding-left style rule padding doesn't apply

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 13 2018, 12:29 PM
bearND added a subscriber: bearND.May 16 2018, 5:34 PM

I can reproduce this in FF and Chrome, laptop and phone. The icon ends up overlapping the text.

pmiazga updated the task description. (Show Details)May 23 2018, 4:57 PM
Vvjjkkii renamed this task from Items in the editor switcher are squished to w1caaaaaaa.Jul 1 2018, 1:10 AM
Vvjjkkii reopened this task as Open.
Vvjjkkii triaged this task as High priority.
Vvjjkkii updated the task description. (Show Details)
Vvjjkkii removed a subscriber: Aklapper.
Koavf renamed this task from w1caaaaaaa to Items in the editor switcher are squished.Jul 1 2018, 6:29 PM