Page MenuHomePhabricator

Add "New translation" header to the search step
Closed, ResolvedPublic

Description

Currently the search step to start a new translation has no header to introduce the task to the user:

test.m.wikipedia.org_wiki_Special_ContentTranslation(iPhone 5_SE).png (568×320 px, 16 KB)

After the recommendations of the UX Writer, a header was proposed for both the search step and the confirmation one (T276221). This ticket proposes to add a header where there is a "New translation" label to introduce the task and the close icon. The relevant part of the spec is shown below:

New translation - Search.png (768×1 px, 229 KB)
New translation - Search Dimensions.png (768×1 px, 112 KB)

Event Timeline

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

[mediawiki/extensions/ContentTranslation@master] SXArticleSearch: Add "New translation" header

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

Change 697948 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] SXArticleSearch: Add "New translation" header

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

Jpita subscribed.

we're missing a way to clear the text box for a new search.

example from google play store:

image.png (156×860 px, 16 KB)

we're missing a way to clear the text box for a new search.

example from google play store:

image.png (156×860 px, 16 KB)

The input component in Vue has a "clearable" property. If we are reusing the component, we can enable it. If the components are not integrated yet, we can wait a bit on this to avoid duplicating efforts.

This is probably a question for @santhosh. My impression is that we are not going to integrate Wikimedia Vue UI any time soon and we 'll continue to depend on our own UI lib for a while.