Fix pip remote video

This commit is contained in:
ayumi-signal 2024-01-18 12:13:05 -08:00 committed by GitHub
parent 38914a45cb
commit cb3d914846
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -3922,6 +3922,20 @@ button.module-image__border-overlay:focus {
opacity: 1; opacity: 1;
} }
} }
.module-ongoing-call__group-call-remote-participant {
// Only apply container-type: size to grid/overflow column to prevent size collapse
// for implicitly sized participants (PiP)
container-type: size;
$group-call-remote-participant-footer-padding-large: 16px;
@container (min-width: 180px) or (min-height: 180px) {
.module-ongoing-call__group-call-remote-participant__footer {
padding-block: 0 $group-call-remote-participant-footer-padding-large;
padding-inline: $group-call-remote-participant-footer-padding-large;
}
}
}
} }
&__group-call--pagination-tile { &__group-call--pagination-tile {
@ -3953,8 +3967,6 @@ button.module-image__border-overlay:focus {
} }
&__group-call-remote-participant { &__group-call-remote-participant {
container-type: size;
display: flex; display: flex;
justify-content: center; justify-content: center;
position: relative; position: relative;
@ -3970,14 +3982,6 @@ button.module-image__border-overlay:focus {
} }
$group-call-remote-participant-footer-padding-medium: 12px; $group-call-remote-participant-footer-padding-medium: 12px;
$group-call-remote-participant-footer-padding-large: 16px;
@container (min-width: 180px) or (min-height: 180px) {
.module-ongoing-call__group-call-remote-participant__footer {
padding-block: 0 $group-call-remote-participant-footer-padding-large;
padding-inline: $group-call-remote-participant-footer-padding-large;
}
}
&:after { &:after {
content: ''; content: '';