element-hq / element-x-android

Android Matrix messenger application using the Matrix Rust Sdk and Jetpack Compose
GNU Affero General Public License v3.0
1.08k stars 155 forks source link

Screen layouts are obviously not tested on 720p screens (or smaller) #3708

Open foresto opened 4 weeks ago

foresto commented 4 weeks ago

Steps to reproduce

Every time I try Element X, I find that one view or another is broken on 720p screens. The last example was #3042. Here's one I found today:

elementx720p

Note how the "They match" button completely obscures the text below the lower icons, while an enormous amount of screen space is wasted on blank areas.

Note also how the word "Light Bulb" is elided.

This sort of problem sometimes impairs functionality, and at other times is mostly cosmetic, but in every case, it looks really sloppy. My suggestion is to fix the underlying problem: Make sure visual layouts are tested on compact screens.

Outcome

What did you expect?

I expect to be able to read and interact with the user interface.

What happened instead?

User interface elements are often obscured or truncated.

Your phone model

No response

Operating system version

Android 10 (LineageOS 17.1)

Application version and app store

Element X v0.6.5 (f-droid)

Homeserver

No response

Will you send logs?

No

Are you willing to provide a PR?

No

pschloenzke commented 2 weeks ago

This is also a problem for me on my tiny smartphone (Unihertz Jelly Pro, 240 x 432 pixels). The second row of emojis isn't even visible, so I could not tell if they match. CompareEmojis240x432