Displaying 2 columns in the sidebar with a seemingly 'false' one on mobile

ajnart / homarr

Customizable browser's home page to interact with your homeserver's Docker containers (e.g. Sonarr/Radarr)

https://homarr.dev

MIT License

5.45k stars 252 forks source link

Displaying 2 columns in the sidebar with a seemingly 'false' one on mobile #2032

Open EdgeKing810 opened 2 months ago

EdgeKing810 commented 2 months ago

Environment

Docker

Version

0.15.2

Describe the problem

There is space for a 3rd column showing up in the sidebar on mobile devices (Iphone 14 Pro Max + Huawei Nova). However, nothing can be scaled to fit that 3rd column and no tile/widget can be placed on that 3rd (rightmost) one on mobile devices. Please check the screenshot below to get a better understanding.

Logs

No response

Context

Please tick the boxes

[X] I confirm that I attached the proper logs
[X] I've read the docs
[X] I've checked for duplicate issues
[X] I've tried to debug myself

SeDemal commented 2 months ago

This is a known issue. As the sidebar is not supposed to take the whole screen, and the calculation being done beforehand, it uses a fixed size in pixels. 2 ways to solve for anyone that might want to try:

Adjust widgets to effectively take the whole space.
Adjust sidebar to not be full screen width anymore

Marking this as a good first issue for anyone that might want to try.

github-actions[bot] commented 2 days ago

Hello 👋, this issue has been open for 60 days without activity. We mark issues to help prioritise and close dead issues. Can you confirm that this issue is still relevant on the latest version? I'll remove the stale label as soon as there is further activity on this issue. Thank you 🙏