Call Controls: Enhance width for viewport sizes

This commit is contained in:
ayumi-signal 2023-11-02 13:28:03 -07:00 committed by GitHub
parent 3ef0d221d1
commit 62cdc613b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 65 additions and 61 deletions

View file

@ -3708,7 +3708,7 @@ button.module-image__border-overlay:focus {
}
.module-ongoing-call {
$local-preview-width: 107px;
$local-preview-width: 108px;
$local-preview-height: 80px;
&__remote-video-enabled {
@ -4013,18 +4013,10 @@ button.module-image__border-overlay:focus {
justify-content: center;
}
// This layout-only element is not ideal, but lets us keep the actions centered until
// until they'd overlap with the video, at which point they start to move.
&__local-preview-offset {
flex: 1 0;
max-width: $local-preview-width;
margin-inline-start: 16px;
visibility: hidden;
}
&__local-preview {
border-radius: 10px;
display: flex;
flex-shrink: 0;
height: $local-preview-height;
margin-block-end: 16px;
margin-inline: 0 16px;