Page MenuHomePhabricator

Help panel for the new translation dashboard
Closed, ResolvedPublic

Assigned To
Authored By
Pginer-WMF
Dec 5 2022, 3:37 PM
Referenced Files
F37750933: image.png
Sep 22 2023, 3:09 PM
F35838514: Desktop - Suggestions.png
Dec 5 2022, 3:37 PM
F35838512: TabletH.png
Dec 5 2022, 3:37 PM
F35838511: TabletV.png
Dec 5 2022, 3:37 PM
F35838513: Mobile.png
Dec 5 2022, 3:37 PM
F35838520: Mobile.png
Dec 5 2022, 3:37 PM

Description

As part of the work to make the Section Translation dashboard ready to become the default dashboard across platforms, this ticket proposes to implement the help panel that is only available on desktop right now:

Mobile.png (215×320 px, 10 KB)

This is a panel with the "Need help translating?" title and three links:

The position of the module is adjusted depending on the available window size. On wider screens it is plaed on a separate column at the end, while on narrower screens it will appear below the lists of articles.

MobileTablet (vertical)Tablet(horizontal)Desktop
Mobile.png (896×320 px, 65 KB)
TabletV.png (1×768 px, 75 KB)
TabletH.png (768×1 px, 75 KB)
Desktop - Suggestions.png (900×1 px, 114 KB)

More details in Figma

Event Timeline

Pginer-WMF triaged this task as Medium priority.Dec 5 2022, 3:37 PM

ngkountas added a project: good first task.

@ngkountas: Removing tag as I'm afraid this task needs more pointers. At least I would not know where to start as a complete newbie.

Change 903730 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/ContentTranslation@master] SX: Add help panel to dashboard

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

Change 905039 had a related patch set uploaded (by Santhosh; author: Santhosh):

[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20230403

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

Change 903730 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] SX: Add help panel to dashboard

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

Change 905039 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20230403

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

As can be seen from the screencast from the greek (el) production wiki) below, there is no spacing next to the icons in the list. Judging from the desired design provided in the task description, this should be equal to 8px, which is often used for such cases in our application. Setting it to that value for now, but we can always change that to any other value, if needed.

image.png (200×369 px, 17 KB)

Change 956946 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/ContentTranslation@master] SX Help panel: Add spacing after list item icon

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

Change 956946 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] SX Help panel: Add spacing after list item icon

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

Change 962059 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20230929

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

Change 962059 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20230929

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