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.94k stars 273 forks source link

Add an XL screen size option #1285

Open SnippetSpace opened 1 year ago

SnippetSpace commented 1 year ago

Description

Ultra wide screen (ex 21:9) don’t work well with the large content option. A separate XL size to accommodate these screens would be appreciated.

this is especially the case when transitioning from split to full screen or if using multiple large screen devices.

Priority

Medium (Would be very useful)

ajnart commented 1 year ago

Hello I use the same screen size. What’s the issue you’re facing ? Have you tried increasing the number of apps per row ?

anyways we probably won’t add this as we’d like to remove the size system completely in the future.

SnippetSpace commented 1 year ago

I use the dashboard most of the time on 50% of the screen and have designed the dashboard for that view with appropriate columns. When going full screen the interface becomes huge. I would have preferred the categories dynamically moving around to be side by side or being able to manually adjust sizes.

ajnart commented 1 year ago

Unfortunately categories resizing is something that will have to wait. We have other things on the roadmap before it

SnippetSpace commented 1 year ago

I don’t think category resizing is the answer. Easiest implementation would be just an XL size. 2e option would be to reflow category 1 next to 2 if space is there. No resizing required.

SnippetSpace commented 1 year ago

@ajnart attached 50% and 100% screenshots and why this is clearly a usability/UI issue on 21:9, at least for me. 50% 100%

ajnart commented 1 year ago

Try pushing the "columns in large size" option in the customizations->gridstack panel and tell me if it works better for you. That's what I was talking about

SnippetSpace commented 1 year ago

It will always be a compromise. The large view is now perfect for my Microsoft Surface. Adding columns makes the touch targets too small.

i am not really looking for a workaround, just flagging this issue so that you are aware. Whether you choose to implement changes is of course up to you.