Page MenuHomePhabricator

Readability regression when a section is selected through the url
Closed, ResolvedPublic

Description

Section translation allows to link directly to start the translation of a specific section (example). When this is used, the selected section is shown in the Confirmation step (T260143).

A recent regression has resulted in the change of the background color from light blue to dark blue where the selected section title is displayed ("Legal status" in the example below). This makes the text harder to read. This ticket proposes to change the background to the intended color ("background-color-progressive-subtle", #eaf3ff).

For clarity screenshots below of current and proposed status:

CurrentProposed
test.m.wikipedia.org_w_index.php_title=Special_ContentTranslation&page=Moon&section=Legal%20status&from=en&to=es&sx=true&active-list=suggestions(Wiki Mobile).png (568×320 px, 130 KB)
test.m.wikipedia.org_w_index.php_title=Special_ContentTranslation&page=Moon&section=Legal%20status&from=en&to=es&sx=true&active-list=suggestions(Wiki Mobile) (1).png (568×320 px, 130 KB)

Event Timeline

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

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

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

Change 991759 merged by jenkins-bot:

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

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

Test status: QA PASS

The color of the section to be translated is now light blue which makes the texts much more readable. Also this maintains the section title displayed in the confirmation stage after translation

Screenshot 2024-02-16 at 10.53.55 AM.png (686×1 px, 465 KB)

Screenshot 2024-02-16 at 10.55.06 AM.png (525×1 px, 89 KB)