element-hq / element-hq/element-web

IRC Appearance Mode Should Right-Align Names

Open
#30,530 0 comments 0 reactions 0 assignees View on GitHub
A-IRC-Layout O-Frequent S-Minor T-Enhancement
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Your use case

#### What would you like to do?

Align user display names to the message text rather than away from it.

#### Why would you like to do it?

When the name column is wide (to accommodate users with longer names) it can be very hard to associate usernames with their messages do to the large gap. This results a lot of back and forth scanning and careful looking to figure out who said what.

Image

For example here we either need to cut of longer names like "wonderwombat87" or it is very difficult to quickly see which messages were sent by "Swirlishy" and which were by "Gemmie". (Obviously made harder in this case by the lack of colour distinction).

#### How would you like to achieve it?

Align the names to the message text.

Image

This is a very quick example change to make it much more readable. In practice it would probably be better to also move the user avatar closer.

### Have you considered any alternatives?

_No response_

### Additional context

_No response_

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.