Skip to content
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

New room list: add more options menu on room list item #29445

Merged
merged 16 commits into from
Mar 14, 2025

Conversation

florianduros
Copy link
Member

@florianduros florianduros commented Mar 7, 2025

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

This PR adds the more options menu in the new room list. The button to open the menu appears on the hover of a room list item.

  • Rename RoomListCell into RoomListItemView. Added the view suffix because a view model is added. RoomListItem is more suitable than RoomListCell
  • Move the openRoom action from the view model list to the view model of the room list item
  • Add the more options menu and its view model

In terms of a11y, a dedicated phase will be done when the room list item will be complete. We have two nested buttons which is a wrong pattern and we need to elaborate a strategy how to navigate with a keyboard.

Menu in action

Screen.Recording.2025-03-12.at.12.36.31.mov

@florianduros florianduros force-pushed the florianduros/new-room-list/hover-menu branch from 41f682f to ffefe93 Compare March 7, 2025 14:37
@florianduros florianduros force-pushed the florianduros/new-room-list/hover-menu branch 2 times, most recently from d33ceb3 to 47bc7a5 Compare March 10, 2025 14:59
@florianduros florianduros force-pushed the florianduros/new-room-list/hover-menu branch from 47bc7a5 to 4739790 Compare March 10, 2025 15:21
@florianduros florianduros force-pushed the florianduros/new-room-list/hover-menu branch from 4739790 to 15d4e26 Compare March 11, 2025 09:29
@florianduros florianduros force-pushed the florianduros/new-room-list/hover-menu branch from 15d4e26 to 1789e71 Compare March 11, 2025 09:42
@florianduros florianduros force-pushed the florianduros/new-room-list/hover-menu branch 3 times, most recently from 97ee10c to 2b711cc Compare March 11, 2025 15:53
@florianduros florianduros force-pushed the florianduros/new-room-list/hover-menu branch 2 times, most recently from c45eb54 to f58e76f Compare March 11, 2025 16:00
@florianduros florianduros force-pushed the florianduros/new-room-list/hover-menu branch from f58e76f to ecdac1c Compare March 11, 2025 16:15
@florianduros florianduros enabled auto-merge March 14, 2025 16:12
@florianduros florianduros added this pull request to the merge queue Mar 14, 2025
Merged via the queue into develop with commit f3dbe81 Mar 14, 2025
32 checks passed
@florianduros florianduros deleted the florianduros/new-room-list/hover-menu branch March 14, 2025 16:35
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.

2 participants