Update the top bar in a room

[daniellekirkwood]

This issue is: Ready to Build

Problem

Rooms feel cluttered and messy and there's no 'breathing' space at the top of the screen.

Solution

Update the bar at the top of the room to match iOS

Figma file: https://www.figma.com/file/8gIgD79bQoWdtfK3MtX59G/WTF-Moments?node-id=1%3A7117

PR should require a review from @amshakal

Related: #3296 PR should probably fixes the 2 issues at the same time

[daniellekirkwood]

@amshakal Can you draw us a quick mockup of what the top bar should look like? I think G may already have mockups that we could attach here... It will also have to consider Threads panel access :)

[amshakal]

Consider removing room description from the header and moving it to room settings, similar to how iOS handles it. Here is a mockup for both light and dark screens.

Figma file: https://www.figma.com/file/8gIgD79bQoWdtfK3MtX59G/WTF-Moments?node-id=1%3A7117

Pending/to dicuss:

• If typing should stay up where the header is or should we move it down like iOS.

[daniellekirkwood]

Thanks, Amsha! This looks great.

As for the typing notification, there's another issue tracking that: #3296

[daniellekirkwood]

Have removed the Needs Design label and added Amsha's screenshots to the description. This issue is now ready to be built

[ahmed-radhouane]

Hello @daniellekirkwood
I have some questions about this issue from what I found in the implementation.

1 - I found multi badges that are overlapped, related to the room image, one on top of the other

• An item that indicate presence state (Green / gray circle) which I think it is deprecated ? I do not see it in the application. Can you confirm this

• Second one : an icon that represent the public state,

If I set the verification shield like described in the Figma file it will overlap the previous two cases, or functionally I'm not sure if different cases could coexiste at the same.

2 - For the toolbar actions , in android we have a menu that enable users to access more actions

technically I'd like to be sure that we keep this icon, (3 dots) and we reduce size between the other icons ?

[daniellekirkwood]

Hi @ahmed-radhouane Could you confirm the status of this issue please? It's closed on the WTF board but Open as an issue... Thanks!

[ouchadam]

this is done (and merged!) as part of #5213, will be included in the 1.4.4 release

[daniellekirkwood]

Amazing, thanks!