mirror/galene
1
Fork 0
mirror of https://github.com/jech/galene.git synced 2024-11-10 02:35:58 +01:00
Code Activity

fix resizing when we have only 2 videos

Browse source
This commit is contained in:
Alain Takoudjou 2020-10-07 09:46:00 +02:00
parent 31deef47f5
commit 2e0b195964
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/sfu.js
View file

@ -1143,8 +1143,8 @@ function resizePeers() {
let container = document.getElementById("video-container"); let container = document.getElementById("video-container");
// Peers div has total padding of 40px, we remove 40 on offsetHeight // Peers div has total padding of 40px, we remove 40 on offsetHeight
// Grid has row-gap of 5px // Grid has row-gap of 5px
let margins = (columns - 1) * 5 + 40;
let rows = Math.ceil(count / columns); let rows = Math.ceil(count / columns);
let margins = (rows - 1) * 5 + 40;
if (count <= 2 && container.offsetHeight > container.offsetWidth) { if (count <= 2 && container.offsetHeight > container.offsetWidth) {
peers.style['grid-template-columns'] = "repeat(1, 1fr)"; peers.style['grid-template-columns'] = "repeat(1, 1fr)";
@ -1152,7 +1152,7 @@ function resizePeers() {
} else { } else {
peers.style['grid-template-columns'] = `repeat(${columns}, 1fr)`; peers.style['grid-template-columns'] = `repeat(${columns}, 1fr)`;
} }
if (rows === 1) if (count === 1)
return; return;
let max_video_height = (peers.offsetHeight - margins) / rows; let max_video_height = (peers.offsetHeight - margins) / rows;
let media_list = peers.querySelectorAll(".media"); let media_list = peers.querySelectorAll(".media");