Page MenuHomePhabricator
Create Task
Maniphest T58145

Auto-ellipsis for description field
Closed, ResolvedPublic
Actions

Description

Media-Viewer-Lightbox-View-Screenshot2-Alpha-10-24-2013

The file description for the attached screenshot (1) is too lengthy compared to the other elements near it and throws the page out of balance, creating unnecessary visual clutter.

The recommended design for this Media Viewer lightbox view is to truncate the description after 256 characters, with a 'More' link to expand the contents, as shown in the design mockup (2) and requested in the corresponding Mingle ticket #33 (3).

Clicking on the 'More' link will reveal the rest of the description. A 'Less' link could also be provided, should the user want to restore the description to its original format.

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

(1) https://commons.wikimedia.org/wiki/File:Media-Viewer-Lightbox-View-Screenshot2-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/33

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

Version: unspecified
Severity: normal

Attached:

Media-Viewer-Lightbox-View-Screenshot2-Alpha-10-24-2013.png (780×1 px, 198 KB)

Details

Reference
bz56145

Event Timeline

• bzimport raised the priority of this task from to High.Nov 22 2014, 2:34 AM
• bzimport added a project: MediaViewer.
• bzimport set Reference to bz56145.
• Fabrice_Florin created this task.Oct 25 2013, 1:07 AM
gerritbot added a comment.Oct 25 2013, 10:10 PM

Change 92006 had a related patch set uploaded by MarkTraceur:
Truncate a few files with autoEllipsis

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

gerritbot added a comment.Nov 1 2013, 6:49 PM

Change 92006 abandoned by MarkTraceur:
Truncate a few fields with autoEllipsis

Reason:
I think I'm going to write a new patch that does this with a scrollable div. Let's see how that goes.

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

MarkTraceur added a comment.Nov 1 2013, 6:52 PM

I want to do this with a scrollable div. And posthaste.

MarkTraceur added a comment.Nov 1 2013, 6:54 PM
  • Bug 56438 has been marked as a duplicate of this bug. ***
gerritbot added a comment.Nov 1 2013, 7:07 PM

Change 93092 had a related patch set uploaded by MarkTraceur:
Make description scrollable

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

gerritbot added a comment.Nov 1 2013, 7:51 PM

Change 93092 merged by jenkins-bot:
Make description scrollable

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

MarkTraceur added a comment.Nov 20 2013, 1:16 AM

I think this solution is pretty much good enough. Any changes to the design portion of the solution should be separate bugs.

• Gilles added a project: Multimedia.Dec 4 2014, 10:15 AM
• Gilles raised the priority of this task from High to Unbreak Now!.Dec 4 2014, 10:21 AM
• Gilles moved this task from Untriaged to Done on the Multimedia board.
• Gilles lowered the priority of this task from Unbreak Now! to High.Dec 4 2014, 11:21 AM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits