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:

Screen Shot 2017-09-05 at 13.08.11.png (1×1 px, 114 KB)

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

Screen Shot 2017-09-05 at 13.08.14.png (1×1 px, 110 KB)

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.

Screen Shot 2017-09-25 at 12.56.45 PM.png (594×1 px, 99 KB)