rzerres/element-call
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #2547 from robintown/t-grid

Browse Source 
Avoid T-shaped layouts in 4 person calls
This commit is contained in:
Robin
2024-08-08 13:22:20 -04:00
committed by GitHub
parent f0f9b929a1 9b4ad24f10
commit 2ec0aaa0de
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/grid/CallLayout.ts
View File

@@ -113,7 +113,7 @@ export function arrangeTiles(
const tileArea = Math.pow(Math.sqrt(area) / 8 + 125, 2); const tileArea = Math.pow(Math.sqrt(area) / 8 + 125, 2);
const tilesPerPage = Math.min(tileCount, area / tileArea); const tilesPerPage = Math.min(tileCount, area / tileArea);
const columns = Math.min( let columns = Math.min(
// Don't create more columns than we have items for // Don't create more columns than we have items for
tilesPerPage, tilesPerPage,
// The ideal number of columns is given by a packing of equally-sized // The ideal number of columns is given by a packing of equally-sized
@@ -130,7 +130,11 @@ export function arrangeTiles(
let rows = tilesPerPage / columns; let rows = tilesPerPage / columns;
// If all the tiles could fit on one page, we want to ensure that they do by // If all the tiles could fit on one page, we want to ensure that they do by
// not leaving fractional rows hanging off the bottom // not leaving fractional rows hanging off the bottom
if (tilesPerPage === tileCount) rows = Math.ceil(rows); if (tilesPerPage === tileCount) {
rows = Math.ceil(rows);
// We may now be able to fit the tiles into fewer columns
columns = Math.ceil(tileCount / rows);
}
let tileWidth = (width - (columns + 1) * gap) / columns; let tileWidth = (width - (columns + 1) * gap) / columns;
let tileHeight = (minHeight - (rows - 1) * gap) / rows; let tileHeight = (minHeight - (rows - 1) * gap) / rows;