VisualEditor: Non-primary edit tab <li> should have class="collapsible"
Closed, ResolvedPublic

Description

Screenshot: Narrow window

When space is scarce (for example at high zoom, or when the window is very narrow), the "View history" tab is moved to the drop-down menu (that also includes "Delete", "Move", etc.) so that the action remains accessible.

The "Edit" and "Edit source" tabs don't seem to do the same; they stay where they are, which prevents them from being used in similar situations (see attached screenshots).

It would imho make sense to migrate both tabs to the drop-down menu as well when there isn't enough space to display them at their usual location, so that users can still access the edit modes.


Version: unspecified
Severity: minor

Attached:

bzimport set Reference to bz50225.
gpaumier created this task.Via LegacyJun 26 2013, 1:03 PM
gpaumier added a comment.Via ConduitJun 26 2013, 1:04 PM

Created attachment 12643
Screenshot: High zoom

Attached:

matmarex added a comment.Via ConduitJun 26 2013, 1:07 PM

(In reply to comment #0)

It would imho make sense to migrate both tabs to the drop-down menu as well
when there isn't enough space to display them at their usual location, so
that
users can still access the edit modes.

"Edit" is not normally collapsed, but it would make sense for "Edit source". You'd just add class="collapsible" on the <li> and it will magically work.

gerritbot added a comment.Via ConduitApr 3 2014, 1:17 AM

Change 123503 had a related patch set uploaded by Alex Monk:
Give the edit tab <li> closest to the collapsed tabs menu class=collapsible

https://gerrit.wikimedia.org/r/123503

gerritbot added a comment.Via ConduitApr 4 2014, 7:32 PM

Change 123503 merged by jenkins-bot:
Give the edit tab <li> closest to the collapsed tabs menu class=collapsible

https://gerrit.wikimedia.org/r/123503

Add Comment

Column Prototype
This is a very early prototype of a persistent column. It is not expected to work yet, and leaving it open will activate other new features which will break things. Press "\" (backslash) on your keyboard to close it now.