element-hq / element-hq/element-web

Focus mode for video conferences

Open
#16,895 0 comments 0 reactions 0 assignees View on GitHub
A-Jitsi P4 T-Enhancement
Dominant language
TypeScript
Stars
13.5k
Forks
2.8k
PR merge metrics
PR metrics pending

Description

#### Is your suggestion related to a problem? Please describe.
In video conferences the space for widgets is quite small, especially on lower desktop screen resolutions.
Widgets like jitsi offers a fullscreen button, but this hides the chat, which is required for some facilitating methods.

#### Describe the solution you'd like.
For rooms containing video conference widgets there could be a button offered, which switches the layout to a minimized one:
- Hidden sidebars (LeftPanel, RightPanel)
- Hidden header
- Hidden rarely used controls
- Vertical aligned chat (less unused white space)

##### Proposal: Minimized Layout
![Screen Shot 2021-04-10 at 13 30 52](https://user-images.githubusercontent.com/10246027/114174317-bcd18c80-9938-11eb-805c-0230ebecf606.png)

##### Normal Layout for comparison
![Screen Shot 2021-04-10 at 13 31 05](https://user-images.githubusercontent.com/10246027/114174326-bfcc7d00-9938-11eb-83a2-2fa5b37066ae.png)

#### Additional context
This was already implemented in our [Element fork](https://github.com/zirkuszelt/frontend) in a quite hacky way. But hope to have something like this at some point upstream in an beautiful way :)
https://github.com/zirkuszelt/frontend/commit/6cc1ad3cd72504b65f5f7468c99d9a33ab2d86f7

#### Related issues
- #8851 Maximize Jitsi widget to whole chat area
- #15741 Allow widgets to use maximum vertical space
- #15984 Jitsi conference calls are completely unusable on a small screen

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.