Page MenuHomePhabricator

Remove the "Read" tab in Vector's responsive design
Closed, ResolvedPublic

Description

When the width is insufficient, the Read/Edit tabs tend to overlap with the Page/Talk tabs. It would be better to hide the "Read" fake tab, before Edit is collapsed into "More".

Event Timeline

Nemo_bis raised the priority of this task from to Medium.
Nemo_bis updated the task description. (Show Details)
Nemo_bis added a project: Vector.
Nemo_bis added subscribers: TheDJ, gerritbot, Mc128k and 9 others.

What do you do on ?action=edit for users to navigate away, then?

Maybe this should be more general and to hide the tab of the current action? So on edit we'd show Read and not Edit.

Maybe this should be more general and to hide the tab of the current action? So on edit we'd show Read and not Edit.

That might work. I only care about the "edit" button not being hidden, everything else is not so important. (If navigating away from action=edit requires usage of the "back" button or equivalent, that's hardly a tragedy either.)

Jdlrobson claimed this task.
Jdlrobson added a subscriber: Jdlrobson.

Where Vector is enabled as responsive
e.g.
https://m.mediawiki.org/w/index.php?title=Reading/Web/Desktop_Improvements&useskinversion=2&useskin=vector&useformat=mobile
https://test.m.wikipedia.org/wiki/Main_Page?useskinversion=2&useskin=vector

the tabs appear like so without an overlap:

Screen Shot 2021-03-25 at 10.02.40 AM.png (310×750 px, 41 KB)

While clearly this UI can be improved the original bug report no longer seems to be a problem.