Page MenuHomePhabricator

Reduce font size for site name and right column labels in Media Viewer
Closed, ResolvedPublic

Description

The Site Name call to action in this screenshot (1) ('Learn more on Wikimedia Commons') is wrapping around to the next line in the Media Viewer light box, which creates visual clutter and throws the page out of balance. This can also happen with other right column labels.

Consider reducing the font size for all lines on the right column, to more closely match the design mockup for this project (2), in order to minimize these wrap-around issues. This could be combined with autoEllipsis, if any of these right hand labels end up being longer than 48 characters (as we are doing with filename and other fields).

More info about Media Viewer on our project page (4).

(1) https://commons.wikimedia.org/wiki/File:Media-Viewer-Lightbox-View-Screenshot1-Alpha-10-24-2013.png

(2) https://upload.wikimedia.org/wikipedia/commons/f/fe/MediaViewer_Sept9.png

(3) https://mingle.corp.wikimedia.org/projects/multimedia/cards/30

(4) https://www.mediawiki.org/wiki/Multimedia/Media_Viewer


Version: unspecified
Severity: normal

Details

Reference
bz56265

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 22 2014, 2:13 AM
bzimport added a project: MediaViewer.
bzimport set Reference to bz56265.

Also tweaked the colour of the text a little bit to be more grey than previously. Patch incoming.

Change 92453 had a related patch set uploaded by MarkTraceur:
Take down the font size in lis, tweak colour

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

Change 92453 merged by jenkins-bot:
Take down the font size in lis, tweak colour

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

Gilles raised the priority of this task from Medium to Unbreak Now!.Dec 4 2014, 10:24 AM
Gilles moved this task from Untriaged to Done on the Multimedia board.
Gilles lowered the priority of this task from Unbreak Now! to Medium.Dec 4 2014, 11:20 AM