element-hq / element-hq/element-web

Put account / space / room headers next to each other

Open
#20,017 3 comments 3 reactions 0 assignees View on GitHub
O-Occasional T-Enhancement X-Needs-Design Z-IA Z-Labs
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

### Your use case

Element Web [has recently been redesigned](https://github.com/vector-im/element-web/issues/19526) in order to create a clearer hierarchy of global, per space, and per room actions. As a result, the spaces and rooms list now look like this:

![image](https://user-images.githubusercontent.com/694794/144457067-e4c1d604-001e-4480-b649-fd9f53757d27.png)

It's a huge improvement over the old UI, but I think that the hierarchy can still be made clearer if the search bar is moved to the bottom and the account / space / room headers are put next to each other, like this:

![image](https://user-images.githubusercontent.com/694794/144457751-f9be3967-6983-42b0-9de9-f680b2461da1.png)

See how similar elements would be distributed that way:

![image](https://user-images.githubusercontent.com/694794/144457929-c3572a79-85a9-4c77-8e39-a7dfe717970b.png)

Versus how they are distributed with the current layout:

![image](https://user-images.githubusercontent.com/694794/144458547-da3b2bbd-c19c-4e7e-8f1d-997229576f37.png)

### 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.