element-hq / element-hq/element-x-android

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

Open
#3,708 3 comments 0 reactions 0 assignees View on GitHub
O-Occasional S-Minor T-Defect Z-UI-UX
Dominant language
Kotlin
Stars
2.4k
Forks
624
Avg merge
1d 14h
Merged PRs (30d)
149

Description

### 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](https://github.com/user-attachments/assets/6197d091-c5dc-4d2b-a4c7-e06a134b6677)

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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.