Open Bug 1143689 Opened 10 years ago Updated 9 years ago

Reading List items with a title that can't fit on 2 lines should be cropped with an ellipsis

Categories

(Firefox Graveyard :: Reading List, defect, P4)

39 Branch
defect

Tracking

(firefox39 affected)

Tracking Status
firefox39 --- affected

People

(Reporter: avaida, Unassigned)

References

Details

(Whiteboard: [reader-ui])

Attachments

(3 files)

Attached image screenshot from Windows 7 (x64) (deleted) —
Reproducible on: Nightly 39.0a1 (2015-03-15) Affected platforms: Ubuntu 14.04 (x64), Windows 7 (x64), Mac OS X 10.9.5 Steps to reproduce: 1. Launch Firefox. 2. Make sure that Reader View and Reading List are enabled by setting the following prefs to true: * browser.readinglist.enabled * reader.parse-on-load.enabled Restart the browser to apply the pref changes. 3. Open an article with a long title - (e.g.) http://www.bbc.com/news/world-31617141. 4. Enter Reader View by clicking the associated button from the Location Bar. 5. Click the "Add to Reading List" button available on Reader View's controls bar. 6. Toggle the Reading List Sidebar and reduce its width to the minimum permitted. Expected result: No matter the length of an article's title or the width of the Reading List sidebar, the items from the Reading List sidebar are using ellipsis to show omitted characters. Actual result: Longer item titles are simply cutoff/clipped, without using ellipsis.
Flags: qe-verify+
Attached image screenshot from Ubuntu 14.04 (x64) (deleted) —
Attached image screenshot from Mac OS X 10.9.5 (deleted) —
Flags: firefox-backlog+
Priority: -- → P1
Summary: Longer item titles from the Reading List are displayed as cutoff in the sidebar → Reading List items with a title that can't fit on 2 lines should be cropped with an ellipsis
The P1 part of this has been handled in bug 1144382, leaving this open for the ellipsis part.
Depends on: 1144382
Priority: P1 → P4
Hmm. Thought this would be as easy as adding text-overflow:ellipsis , but that seems to not be working for me. Gijs didn't have any ideas off the top of his head either.
text-overflow:ellipsis only works with single-line content in Gecko right now. The only thing that we could do is fade-out the text similar to what we had tried doing with the menu panel in Australis.
Whiteboard: [reader-ui]
Product: Firefox → Firefox Graveyard
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: