haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(large-video): center dominant speaker avatar using css 

The vertical alignment was being set with javascript.
Recent changes might make the setting of alignment exit
early due to height 0 video. As position can be set
declaratively with css, use css to set position.
This commit is contained in:
Leonard Kim 2019-11-15 06:55:21 -08:00 committed by Hristo Terezov
parent 8bd0da886e
commit 70f14be50f
2 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/_videolayout_default.scss
View File

@ -489,6 +489,8 @@
height: 300px; height: 300px;
margin: auto; margin: auto;
position: relative; position: relative;
top: 50%;
transform: translateY(-50%);
} }
#mixedstream { #mixedstream {

5
modules/UI/videolayout/VideoContainer.js
View File

@ -454,11 +454,6 @@ export class VideoContainer extends LargeContainer {
const { horizontalIndent, verticalIndent } const { horizontalIndent, verticalIndent }
= this.getVideoPosition(width, height, containerWidth, containerHeight); = this.getVideoPosition(width, height, containerWidth, containerHeight);
// update avatar position
const top = (containerHeight / 2) - (this.avatarHeight / 4 * 3);
this.$avatar.css('top', top);
this.$wrapper.animate({ this.$wrapper.animate({
width, width,
height, height,