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

Accessibility: on systems with larger DPI scaler (e.g. tablet-like form factor or user with poor sight) start screen might be cut off #4063

Open
ell1e opened this issue Aug 3, 2024 · 5 comments · May be fixed by #4156
Labels
accessibility ui/ux UI/UX related issues

Comments

@ell1e
Copy link

ell1e commented Aug 3, 2024

It seems like on systems with a larger DPI scaler given a relatively normal or smaller screen size, e.g. tablet-like form factor where people may often still run Desktop Linux, or on computers of user with poor sight, the delta chat start screen seems to be cut off. It would be nice if it was more responsive and scrollable to work around that.

  • Operating System (Linux/Mac/Windows/iOS/Android): postmarketOS Edge x64 desktop (Alpine Linux based), using a regular KDE Desktop and not any kind of mobile desktop

  • Delta Chat Version: v1.140.2 (latest on flathub)

  • Expected behavior: start screen and about screen aren't cut off

  • Actual behavior: it's cut off:
    Screenshot_20240803_144258
    The about screen can't fully scroll to the buttom either:
    Screenshot_20240803_144710

  • Steps to reproduce the problem:

    1. Set DPI scaler somewhat high on a normal sized or slightly smaller sized laptop or tablet screen. E.g. an ultraportable Ultrabook or something like the GPD Win or like the Steam deck or a normal laptop with poor eyesight user.
    2. Start delta chat
    3. Observe that it doesn't seem to fit the screen fully
  • Screenshots: see above

  • Logs:

@Simon-Laux
Copy link
Member

What's your window/screen resolution in pixels?

@Simon-Laux Simon-Laux added the ui/ux UI/UX related issues label Aug 3, 2024
@ell1e
Copy link
Author

ell1e commented Aug 3, 2024

800x1280 with DPI scaler 1.75

@WofWca
Copy link
Collaborator

WofWca commented Sep 30, 2024

I believe HTML/CSS-wise we're good. It appears like the window itself goes beyond the screen bounds in the original post.

msrdc_qr4PfK2HtU.mp4

On Windows I cannot resize the window to shorter than 400px. I think we set the minHeight here:

minWidth: 450,
minHeight: 450,

Shall we just lower it? Do we have a reason to have it no lower than 450?

@Simon-Laux
Copy link
Member

Simon-Laux commented Oct 1, 2024

Maybe we can lower even further or even remove the min- screen size. (but then people shouldn't complain if the interface is not working on 100x100px for example...)

Do we have a reason to have it no lower than 450?

That was the minimum-somewhat-usable size before the introduction of small screen mode.

WofWca added a commit that referenced this issue Oct 1, 2024
...with high zoom level.

Closes #4063
@WofWca WofWca linked a pull request Oct 1, 2024 that will close this issue
WofWca added a commit that referenced this issue Oct 1, 2024
...with high zoom level.

Closes #4063
@maxphilippov
Copy link
Collaborator

Shall we just lower it? Do we have a reason to have it no lower than 450?

DEFAULT_WIDTH in Dialog.tsx is set to 500. I did drag it over into a #4006. I'm not sure that might cause problems and I can't check right now, just saying.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility ui/ux UI/UX related issues
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants