Fix PiP aspect ratio to match request video
Co-authored-by: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
This commit is contained in:
parent
b36604bf31
commit
101405891d
3 changed files with 5 additions and 5 deletions
|
@ -3719,7 +3719,6 @@ button.module-image__border-overlay:focus {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.module-ongoing-call {
|
.module-ongoing-call {
|
||||||
$local-preview-width: 108px;
|
|
||||||
$local-preview-height: 80px;
|
$local-preview-height: 80px;
|
||||||
|
|
||||||
&__remote-video-enabled {
|
&__remote-video-enabled {
|
||||||
|
@ -4216,7 +4215,7 @@ button.module-image__border-overlay:focus {
|
||||||
margin-inline: 0 16px;
|
margin-inline: 0 16px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: $local-preview-width;
|
width: $calling-local-preview-width;
|
||||||
|
|
||||||
&--active {
|
&--active {
|
||||||
box-shadow: 0px 4px 14px 0px $color-black-alpha-40;
|
box-shadow: 0px 4px 14px 0px $color-black-alpha-40;
|
||||||
|
|
|
@ -259,6 +259,9 @@ $ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
|
||||||
|
|
||||||
$calling-background-color: $color-gray-90;
|
$calling-background-color: $color-gray-90;
|
||||||
|
|
||||||
|
// Maintain aspect ratio 960x720 with $local-preview-height
|
||||||
|
$calling-local-preview-width: 106.67px;
|
||||||
|
|
||||||
// General
|
// General
|
||||||
|
|
||||||
$z-index-negative: -1;
|
$z-index-negative: -1;
|
||||||
|
|
|
@ -111,9 +111,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.CallControls__OuterSpacer {
|
.CallControls__OuterSpacer {
|
||||||
// Defined in _modules but duplicated here for ease of refactor
|
flex-basis: calc($calling-local-preview-width + 16px);
|
||||||
$local-preview-width: 108px;
|
|
||||||
flex-basis: calc($local-preview-width + 16px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.CallControls__ReactionPickerContainer {
|
.CallControls__ReactionPickerContainer {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue