Page MenuHomePhabricator

Styling for "Add translation" invite
Closed, ResolvedPublic

Description

When hovering sections to add to the translation, the invite "Add translation" placeholder is shown. Currently a couple of issues need polishing:

  • Unexpected yellow highlighting. The "Add translation" placeholder currently shows a yellow highlight around it that is not needed. While the source paragraph is highlighted in yellow, the translation the placeholder should not have a yellow border around it.
  • The colors need to align with the color palette (M82). Text should be Base30 (#72777d), and background should be Base90 (#F8F9FA).

Screen Shot 2017-06-19 at 13.13.22.png (335×802 px, 85 KB)

(also notice the misalignment of the paragraphs which seems more prone to happen in CX2. The example article is "Jonathan Ive" from EN to CA)

Related Objects

View Standalone Graph
This task is connected to more than 200 other tasks. Only direct parents and subtasks are shown here. Use View Standalone Graph to show more of the graph.
StatusSubtypeAssignedTask
ResolvedPginer-WMF
Resolved Petar.petkovic

Event Timeline

Change 369349 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/ContentTranslation@master] CX2: Style Add translation invite

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

Change 369349 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] CX2: Style Add translation invite

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

Checked cx-testing (specifically, re-checked "Jonathan Ive" ) - the fix is in place:

  • no yellow border
  • no misaligned paragraphs

Colors will be as following
color: @colorGray7;
background-color: @colorGray15;