plumi / plumi.app

plumi video sharing
plumi.org
108 stars 62 forks source link

Layout Issues - Front Page - iPad - 768px screen size #1592

Closed mgogoulos closed 6 years ago

mgogoulos commented 6 years ago

Reported by anna on 8 Oct 2014 00:52 UTC As per the iPhone ticket, the video player stretches, with the thumbnail getting doubled up.

On this screen size, it seems fine to have latest videos tile across 3 in a row, BUT if we need to fix the video player above by reducing this to 2 (as per iPhone screen size) then that seems fine also.

mgogoulos commented 6 years ago

Modified by anna on 9 Oct 2014 07:13 UTC

mgogoulos commented 6 years ago

Modified by anna on 9 Oct 2014 07:26 UTC

mgogoulos commented 6 years ago

Comment by anna on 8 Nov 2014 04:22 UTC looking good, will need to re-test soon

mgogoulos commented 6 years ago

Comment by anna on 17 Dec 2014 04:54 UTC 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 }

mgogoulos commented 6 years ago

Comment by giannis on 17 Dec 2014 11:20 UTC

I made some improvements. Check and tell me if need anything more to be done.

mgogoulos commented 6 years ago

Comment by anna on 23 Dec 2014 07:53 UTC done, let's add new bugs in separate tickets