Page MenuHomePhabricator

CX2: Adjust content font size and sentence highlighting
Closed, ResolvedPublic

Description

Currently in CX2, the text in the content area (source and translation) and the way to highlight it look small. We need to adjust the following:

  • Make the text to be the standard 1em (16px).
  • Make the highlight to extend 4px beyond the text.

Below the current state and the proposed adjustments are illustrated.

Current state

Proposed changes

A possible set of CSS adjustments to support these changes are included below for reference:

.cx-highlight {
 box-shadow: 0 0 0 4px #fef6e7;
}

.mw-body-content {
 font-size: 1em;
}

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 23 2018, 12:21 PM
Pginer-WMF triaged this task as Low priority.Feb 23 2018, 12:21 PM
Pginer-WMF moved this task from Backlog to Priority backlog on the Language-2018-Jan-Mar board.
santhosh moved this task from Priority backlog to In Review on the Language-2018-Jan-Mar board.

Change 420306 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] CX2: Change the font size to 1em

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

Change 420307 had a related patch set uploaded (by Santhosh; owner: Santhosh):
[mediawiki/extensions/ContentTranslation@master] Change the sentence highlight styling

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

Change 420306 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] CX2: Change the font size to 1em

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

Change 420307 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Change the sentence highlight styling

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

Etonkovidova closed this task as Resolved.Mar 23 2018, 8:04 PM
Etonkovidova added a subscriber: Etonkovidova.

Both changes are in cx2-testing:

.cx-highlight {
 box-shadow: 0 0 0 4px #fef6e7;
}

.mw-body-content {
 font-size: 1em;
}