Element X Call: "Join call" Button Obstructs Camera Preview

[TemoCrevlis]

Your use case

What would you like to do?

1. Have a clear preview of my video feed: "Join call" Button Obstructs Camera Preview.
2. Standardise lobby header: Room name is duplicated in header e.g. 'test' x2.
3. Make call participants visible in lobby.
4. Put camera preview in a container to match desktop design.
5. Center the letter of the default avatar.
6. Replace minimise button with a back button.

How would you like to achieve it?

1. Have a clear preview of my video feed:

• Shrink preview window (1:1 Aspect ratio).
• Prevent the gradient effect from extending into camera preview.

2. Standardise lobby header: "Call Preview".
3. Make call participants visible in lobby: The 'members' icon was used.
4. Put camera preview in a container to match desktop design.
5. Center the letter of the default avatar.
6. Replace the minimise button with a back button.

Image showing changes 1, 2 & 3

Have you considered any alternatives?

1. Switch the position of the "Join call" button and media controls for a more streamlined visual scan.

• This alternative is due to the fact that media preferences aren't remembered.
• Adding an option to save preferences or last state would support the current layout better.

2. Standardise lobby header: Room name.

• Show user profile and display name as secondary.

Additional context

Related to #3254 (comment).

Are you able to provide a PR?

No

[bmarty]

Thanks for all the ideas. The content of this screen is produced by the Element Call project, so moving the issue there.

[toger5]

We are on this topic and planning to redesign the lobby screen.

It will go into this direction:

[TemoCrevlis]

We are on this topic and planning to redesign the lobby screen.

It will go into this direction:

Thanks for sharing the direction you intend to take things — This sample looks good and would be looking forward to seeing how the redesigned lobby screen evolves.