RTL Bubble Layout Jankiness

[anaskaejdar]

Describe the bug If the app is set in an RTL language, such as Farsi or Arabic, some parts of the UI become clunkier. I'm talking about missing padding, timestamps always being on a new line. I've only noticed those two things so far.

To Reproduce Steps to reproduce the behavior:

1. Put app in farsi
2. Go into a chat
3. Look at the padding on your own messages
4. Look at the timestamps on all the messages

Expected behavior Timestamps should be on the same line as the message, given that it can fit, but it's instead being put on its own new line. It's worth noting that actually the timestamp gets rendered perfectly well if the message itself is written in an RTL language.

Screenshots Message in farsi, with an immaculate timestamp:

Messages in english. Notice the padding on the left side too:

same messages if app is in a LTR language:

Smartphone (please complete the following information):

• Device: Samsung GS20
• OS: Android 11

Additional context

• App version and store: 1.1.3.SC30 FDROID
• Homeserver: ostavrosnika.com

Upstream relevance

• Does this issue exist in Element Android? No, it's particular to schildi's layout
• If this issue exists in Element Android, please also link the corresponding bug report (create a new one if it doesn't exist yet)

Add any other context about the problem here.

Álo 👋🏼

[SpiritCroc]

Thanks for reporting! Those issues will be addressed in the next release. If you notice issues in the next release as well, feel free to open a new issue or re-open this one.

[anaskaejdar]

@SpiritCroc Thank you, man. It came into fdroid a couple days ago, and it looks great. There is one other layout bug I found. Here, take a look:

RTL:

LTR:

Obviously the first one is caused by that long username pill. No such pill on the second one though.