Page MenuHomePhabricator

Add quick popover menu when hovering the contributions link
Closed, ResolvedPublic1 Estimated Story Points

Description

Quick popover menu when hovering the contributions link

Communicate that users can create new contributions (especially translations) in a quick way.

contribution-callout.png (1×2 px, 776 KB)

Acceptance criteria:

  1. When users hover the contributions link, show a popover with access to different contribution areas:
    1. "User contributions" links to the contributions page
    2. "Uploaded media" links to "My Uploads" from Commons.
    3. "Translations" links to the Content Translation Dashboard (showing the in-progress translations if the list is not empty, in which case the suggestions one should be shown instead).
  2. Items in the list may have blue highlighted mark if there is a relevant element associated with them.
    1. At the moment, it will be present for the "Translations" option the first time the user views this component (to communicate that there is a new way to contribute), only the first time.
  3. The popover menu will be shown open initially right after the user enabled the content translation beta feature (to help announce where to translate from).
  4. The popover menu will be shown open once to those users that had accessed CX before without going through the contributions entry point (e.g., those that got an invitation to try the beta). That will help them associate a persistent way to access Content Translation.

This popover can be the foundation to support T88600: When creating a new page, suggest doing a translation instead.

Event Timeline

santhosh assigned this task to Pginer-WMF.
santhosh raised the priority of this task from to Medium.
santhosh updated the task description. (Show Details)

here are the SVGs for the graphic elements used in this mock.

Spec for the callout

  • The icons are 24px wide.
  • The font size for the menu items is 16px - 1em for 1em base
  • The callout is same as the one used for Echo
  • The dividers are 1px solid #ccc
  • Hover background color for menu items is #eee
Amire80 raised the priority of this task from Medium to High.Mar 18 2015, 9:24 AM
Arrbee updated the task description. (Show Details)
Arrbee set Security to None.

@Pginer-WMF, can you clarify whether this is for people who enabled beta feature or for everybody?

@santhosh similar T92939: Improve contributions page entry point by adding 3 explicit ways to contribute. I think it is something useful beyond Content Translation and our testing with users suggests that, but trying it first as a beta feature will help to collect evidence to move it outside of beta (which will help to bring even more people to CX).

Change 200842 had a related patch set uploaded (by Santhosh):
Quick popover menu when hovering the contributions link

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

Pginer-WMF edited a custom field.

Change 200842 merged by jenkins-bot:
Quick popover menu when hovering the contributions link

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

AC 1.3 is partially complete and the remaining part will be done along with T87439. A new task will be created when its ready to be done.