#982: Layout Issues - Front Page - iPad - 768px screen size
----------------------------------+-----------------------------------------
Reporter: anna | Owner: yiannis
Type: task | Status: new
Priority: blocker | Milestone: 4.5.2
Component: PlumiEMSkin | Severity: Work in Progress
Resolution: | Keywords:
Who will test this: And |
----------------------------------+-----------------------------------------
Comment (by anna):
Giannis - on Android, the boxes are misaligned on the front page when the
Title wraps over onto two lines.
Please truncate the text of the title using this (or updated) CSS
technique:
All the modern browsers now support ellipses: FireFox (since v7.0), Chrome
(since v1.0), IE (since v6.0), Safari (since v1.3), Opera (since v9.0 with
vendor prefix, v11.0 without). So the updated CSS for the .ellipses class
is:
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; // IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+
-o-text-overflow: ellipsis; // for Opera 9 & 10
}
--
Ticket URL: <http://plumi.org/ticket/982#comment:4>
Plumi <http://plumi.org/>
Plumi - FOSS Video Sharing Platform
_______________________________________________
Discuss mailing list
[email protected]
http://lists.plumi.org/listinfo/discuss
