Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI Should Scale for higher resolution monitors #421

Open
TasoOneAsia opened this issue Aug 21, 2021 · 2 comments
Open

UI Should Scale for higher resolution monitors #421

TasoOneAsia opened this issue Aug 21, 2021 · 2 comments
Assignees
Labels

Comments

@TasoOneAsia
Copy link
Collaborator

TasoOneAsia commented Aug 21, 2021

The menu was designed primarily using a 1080p monitor and works well for that resolution. At 1440p, elements can start to feel a bit small. At 4k, items are absolutely tiny and need to be scaled up for the user.

Solutions:

  • Apply the non-standard zoom CSS property available in CEF. (This is a non-standard feature and can be subject to change in the future, would prefer to not use if possible. Unfortunately, this will also probably be the easiest to implement seamlessly with minimum changes.)
  • Adjust the breakpoint system and to be more suited towards desktop development and not mobile responsiveness. (Adjusting breakpoints like this often leads to small CSS issues that can become aggravating to fix).

Note: Often when developing for regular browsers, users with 4k screen will enable a browser setting to enable auto scaling. Since this is CEF, there aren't many good solutions for enabling these scaling options programmatically

@TasoOneAsia TasoOneAsia added enhancement New feature or request ui labels Aug 21, 2021
@TasoOneAsia TasoOneAsia self-assigned this Aug 21, 2021
@TasoOneAsia
Copy link
Collaborator Author

Although zoom and transform property works in general, popover elements are not handled properly. This is fixed in #439 as it utilizes Popper v2. When that is merged, this should be fairly easy to implement well.

@tabarra
Copy link
Owner

tabarra commented Sep 9, 2021

We also need to do a max-width on the entire thing since some people have ultrawide screens.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants