jellyfin / jellyfin-vue

A modern web client for Jellyfin based on Vue
https://jellyfin.org
GNU General Public License v3.0
1.25k stars 226 forks source link

Play Button Gets Cut Off On Smaller Screens #2010

Open JPKribs opened 1 year ago

JPKribs commented 1 year ago

Description of the bug

I am on a smaller phone. When accessing a library, the Play button gets cut off most of the way on a smaller screen (5.8‑inch diagonal | 2436‑by-1125‑pixel resolution at 458 ppi).

Steps to reproduce

Open Jellyfin-Vue on a smaller device. Then enter into a library view.

Expected behavior

The shuffle and play buttons could change from rounded rectangles/ovals to circles on smaller screens.

Alternatively, allowing a horizontal scroll for the top bar should only enable users to read/select the play button.

Logs

No response

Screenshots

IMG_6558

Platform

iOS

Browser

Safari

Jellyfin server version

10.8.10

Additional context

No response

ThibaultNocchi commented 1 year ago

Currently, the design hasn't been adapted fully to mobile view, as we have different layouts we want to explore. So this is "normal" for now. :)

JPKribs commented 1 year ago

Totally fair! Definitely not a dealbreaker either. Thanks for all of your hard work! It's nuts how good this is!

JPKribs commented 1 year ago

Currently, the design hasn't been adapted fully to mobile view, as we have different layouts we want to explore. So this is "normal" for now. :)

Sorry to pile onto this but would this change also include icon & default name changes Home Screen functionality on iOS/Android:

image