streamaserver / streama

Self hosted streaming media server. https://docs.streama-project.com/
MIT License
9.67k stars 985 forks source link

Usability issues on mobile devices/small screens #1110

Open AverageDood opened 2 years ago

AverageDood commented 2 years ago

Issue description

When logged or using a device with a smaller screen, which as a mobile phone or a tablet, the top bar eats some of the website itself, making some buttons completely inaccessible, as they're under other buttons like "Admin" or the options button.

I include with this report a screenshot that shows how the "Save Settings" button is almost completely eaten by the top bar, and another an profile editing that shows that some colors, and depending on screen size and orientation, even all colors, are simply impossible to reach.

I am aware that is has been reported on #642, however, that issue has been without any kind of update since 2018, four years ago.

Steps to Reproduce

  1. Access Streama from a device with a smaller screen, like a mobile phone or a tablet
  2. Simply try to reach those buttons and UI elements that get eaten up by the top bar

Expected Behaviour

Those buttons and UI elements should be able to be scrolled under the top bar to be able to properly access them on mobile devices.

Actual Behaviour

The top of the webpage itself ends up right under the top bar, making everything that may be there absolutely out of reach.

Environment Information