Auto-ellipsis for filename field
Closed, ResolvedPublic
Actions

Assigned To

None

Authored By

	• Fabrice_Florin
	Oct 24 2013, 6:26 PM

Description

Media Viewer Lightbox Alpha Screenshot

The File Name at the top of the light box view of the Media Viewer tends to wrap around to a second line when it is too long, as seen on this multimedia alpha site. (1)

Consider truncate the title after 32 characters, to avoid wrap around.

Also, we should aim to let that title stretch all the way to the right of the page, instead of wrapping it up in the middle, as shown in the attached screenshot.

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

(1) http://multimedia-alpha.wmflabs.org/wiki/Lightbox_demo

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

Version: unspecified
Severity: normal
Whiteboard: gci2013

Attached:

Media-Viewer-Lightbox-View-Screenshot-Alpha-10-24-2013.png (888×1 px, 630 KB)

Details

Reference: bz56113

Event Timeline

• bzimport raised the priority of this task from to Low.Nov 22 2014, 2:32 AM

• bzimport added projects: MediaViewer, good first task.

• bzimport set Reference to bz56113.

• bzimport added a subscriber: Unknown Object (MLST).

• Fabrice_Florin created this task.Oct 24 2013, 6:26 PM

Would be nice to have a central ellipsis/truncation tool in mediawiki. There is jquery.autoEllipse [1] but it kind of sucks. Do you think it is possible to improve it instead of inventing our own solution?

[1] https://git.wikimedia.org/blob/mediawiki%2Fcore.git/HEAD/resources%2Fjquery%2Fjquery.autoEllipsis.js

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

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

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

This can still be done with autoEllipsis but I think text-overflow can handle it.

I think with a new bigger interface this is pretty much not necessary, or at least not pressing. Someone can take it if they want - it should be as simple as adding a text-overflow rule for the title element.