Skip to content

New room list: rework spacing of room list item #29965

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
May 16, 2025

Conversation

florianduros
Copy link
Member

@florianduros florianduros commented May 15, 2025

Task https://github.com/element-hq/wat-internal/issues/204
Figma

This PR aims to improve visually the spacing of the room list item. The goal is to align the icons and elements like:

image
Figma screenshot

The secondary filters and sort section will move in incoming PRs so we don't bother to change it's spacing.

Changes

444032779-52ed107c-8cf7-4b9e-a13a-017d838b8a8a

The notification and three dots are compound icon buttons and don't have the same size than the notification icons. These buttons has a size of 24px an expected 20px icon in it (icon is 18px in the implementation due to element-hq/compound-web#331) so we need to have a different spacing.
Screenshot_20250515_111250

@dzienisz
Copy link

check how it looks on half of the screen and on small screens please

@florianduros
Copy link
Member Author

@dzienisz An example on a small screen:

image

@florianduros florianduros marked this pull request as ready for review May 15, 2025 14:08
@florianduros florianduros requested a review from a team as a code owner May 15, 2025 14:08
@florianduros florianduros added this pull request to the merge queue May 16, 2025
Merged via the queue into develop with commit b56b0f2 May 16, 2025
39 checks passed
@florianduros florianduros deleted the florianduros/new-room-list/spacing-rework branch May 16, 2025 12:45
bmwiedemann pushed a commit to bmwiedemann/openSUSE that referenced this pull request Jun 4, 2025
https://build.opensuse.org/request/show/1282724
by user dheidler + dimstar_suse
- Version 1.11.102
  ## ✨ Features
  * EW: Modernize the recovery key input modal (element-hq/element-web#29819). Contributed by @uhoreg.
  * New room list: move secondary filters into primary filters (element-hq/element-web#29972). Contributed by @florianduros.
  * Prompt the user when key storage is unexpectedly off (element-hq/element-web#29912). Contributed by @andybalaam.
  * New room list: move sort menu in room list header (element-hq/element-web#29983). Contributed by @florianduros.
  * New room list: rework spacing of room list item (element-hq/element-web#29965). Contributed by @florianduros.
  * RLS: Remove forgotten room from skiplist (https://github.com/elemen
snowping pushed a commit to Novaloop-AG/element-web that referenced this pull request Jun 22, 2025
* feat: rework spacing of room list item

* test: update snapshot

* test(e2e): regenerate room list panel screenshots

* test(e2e): regenerate room list screenshots

* test(e2e): update filter screenshot
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants