Page MenuHomePhabricator

Avoid Translation dashboard to stretch too far on wide screens
Closed, ResolvedPublic

Description

On wide screens the Translation dashboard information can become too stretched:

We can consider limiting the maximum width of the dashboard at a certain point:

The example above applied the following css modifications as an example:

.cx-dashboard {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.cx-dashboard__sidebar {
     max-width: 500px;
}

Further explorations may be needed to determine the exact values to stop expanding the dashboard width.

Event Timeline

Change 376629 had a related patch set uploaded (by Petar.petkovic; owner: Petar.petkovic):
[mediawiki/extensions/ContentTranslation@master] Limit CX dashboard width

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

Change 376629 merged by jenkins-bot:
[mediawiki/extensions/ContentTranslation@master] Limit CX dashboard width

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

Checked in cx-testing - looks according to the specs.

Etonkovidova closed this task as Resolved.Sep 25 2017, 7:58 PM