Page MenuHomePhabricator

Usability Problem: Consider a different visual treatment for the overflow menu on mobile Talk Pages
Closed, ResolvedPublic

Description

Problem: When there is no subscribe link the ellipsis icon appears disconnected to the rest of the design

img_0554.png (750×1,334 px, 310 KB)

Possible Solution: Pull out the elements from the menu and display as links

Related Objects

StatusSubtypeAssignedTask
ResolvedEAkinloose
ResolvedEsanders
ResolvedDLynch
ResolvedEsanders
Resolved• matmarex
ResolvedEsanders
Resolvedppelberg
ResolvedEsanders
ResolvedBUG REPORT• matmarex
Resolvedppelberg
Resolved• matmarex
Resolvedppelberg
Resolved• KieranMcCann
Resolved• KieranMcCann
Resolvedppelberg
Resolvedppelberg
ResolvedEsanders
Resolved• matmarex
InvalidNone
Resolvedppelberg
Resolvedppelberg
Resolved• matmarex
ResolvedEAkinloose
Resolvedppelberg
Resolvedppelberg
Resolvedppelberg
Resolved• matmarex
Duplicate• KieranMcCann
Resolvedppelberg
Resolved• Whatamidoing-WMF
Resolved• matmarex
ResolvedRyasmeen
DuplicateNone
ResolvedBUG REPORT• nray
Resolvedppelberg
Resolvedppelberg
ResolvedJdlrobson
ResolvedBUG REPORT• matmarex
Resolved• matmarex
Resolvedppelberg
Resolved• Whatamidoing-WMF
Resolvedppelberg
Resolved• iamjessklein
Duplicate• KieranMcCann
DuplicateNone
ResolvedEsanders
Resolvedppelberg
ResolvedEsanders
Resolvedppelberg
ResolvedDLynch
ResolvedEsanders
Resolvedppelberg
Resolved• Whatamidoing-WMF
Resolved• matmarex
Resolvedppelberg
ResolvedEsanders
ResolvedEsanders
Resolved• Whatamidoing-WMF
Resolvednayoub
Resolved• Whatamidoing-WMF
Resolvedppelberg
ResolvedDLynch
Resolvedppelberg
Resolvedppelberg
Resolvedppelberg
Resolved• Whatamidoing-WMF
Resolved• matmarex
Resolvedppelberg
Resolved• matmarex
Resolvedppelberg
Resolved• Whatamidoing-WMF
ResolvedDLynch
Resolvednayoub
Resolved• Whatamidoing-WMF
ResolvedEsanders
Resolvedppelberg
Resolved• matmarex
Resolved• Whatamidoing-WMF
Resolved• matmarex
Resolvedppelberg
Resolved• matmarex
DeclinedTrizek-WMF
ResolvedEsanders
Resolvedppelberg
ResolvedDLynch
Resolved• Whatamidoing-WMF
Resolved• Whatamidoing-WMF
Resolvedppelberg
OpenNone
Resolvedppelberg
Resolvedppelberg
Resolvedppelberg
Resolvedsgrabarczuk
ResolvedEsanders
Resolved• iamjessklein
DeclinedNone
ResolvedNone
ResolvedTrizek-WMF
DuplicateNone
Resolved• matmarex
Resolvedovasileva
Resolved• matmarex
ResolvedDLynch
Resolvedppelberg
Resolved• Whatamidoing-WMF
ResolvedEsanders
ResolvedTrizek-WMF
ResolvedRyasmeen
DuplicateNone
ResolvedTrizek-WMF
ResolvedRyasmeen
ResolvedTrizek-WMF
ResolvedDLynch

Event Timeline

A couple of options to propose.

Option 1: Remove overflow menu and make links visible

Screenshot 2022-05-13 at 11.57.21.png (1,910×2,142 px, 634 KB)

When there is no subscribe action then this looks better when the edit action is visible rather than just showing the ellipsis icon.

Option 2: Move overflow menu to top right beside topic title

Screenshot 2022-05-13 at 11.57.31.png (1,896×2,142 px, 639 KB)

This feels like the natural place for the overflow menu to sit, and when there is no subscribe action then the space it would sit just collapses. The slight drawback of this option is that we would need to reduce the space given to the topic titles which would result in more line breaks with long titles. The advantage of this option is that it is perhaps more scaleable should we have more topic level actions (copy link, report) in the future that we may want to include in the overflow.

cc @iamjessklein

The slight drawback of this option is that we would need to reduce the space given to the topic titles which would result in more line breaks with long titles.

You mean it would reduce the space of the topic title’s first line, don’t you? I see no reason for the second and further lines not to fill all horizontal place available, the overflow menu button is not taller than one line. This makes the drawback even slighter.

+1 I am in favor option 2. I assume this would have a small card with a dropdown of item(s)

• matmarex subscribed.

Looks like we've decided on option 2, and it has already been implemented in T310914.