search

tkem / mopidy-mobile

Mopidy Web client extension and hybrid app for mobile devices
Apache License 2.0
78 stars 14 forks source link

Only top of cover art shown on wide screens #131

Closed jodal closed 9 years ago

jodal commented 9 years ago

If using Mopidy-Mobile on a desktop or for example the Raspberry Pi 7" touch screen (800x480px) you can only see the top part of the cover art, as it scales to fill the width of the screen.

tkem commented 9 years ago

Same effect when rotating most phones so the UI is displayed in "landscape" mode. Adding a bit of responsiveness to the playback screen would be nice.

tkem commented 9 years ago

In the end, it should look a bit like this, but (maybe) with the controls still in a footer: https://lh6.ggpht.com/T2n8ECMh6eigr7yBiJdnSA1xnPrMsQVj2UD5cIhHsfesvL2XjC-URIdWdhCJr2JwIPoi=h900

tkem commented 9 years ago

In the mean time, I'd suggest @jodal just rotates his Pi Display by 90° ;-)

tkem commented 9 years ago

Check out http://ionicframework.com/docs/components/#grid-vertically-align

tkem commented 9 years ago

Using ionic grid, this would look something like this on different devices:

screenshot from 2015-11-05 20 32 27 screenshot from 2015-11-05 20 34 28 screenshot from 2015-11-05 20 37 24

Except for 10" tablets and other device which have "lots of" horizontal pixels, this seems to be the way to go. Maybe wrapping should be bound to vertical and not horizontal resolution?

tkem commented 9 years ago

OTOH, 10" support has never been the focus of MoMo, so what the heck...

tkem commented 9 years ago

Using a custom media query that actually checks orientation and only displays columns side by side in landscape mode would benefit smaller tablets, too. Ionic's implementation only checks for max-width, so will have to copy this.

tkem commented 9 years ago

In landscape mode, there'd be ample space for displaying other track data, of course; but that's another issue...