xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #822 from robintown/reduce-local-feed

Browse source 
Reduce the size of the local feed in 1:1 calls at small window sizes
This commit is contained in:
Robin 2023-01-04 09:05:49 -05:00 • committed by GitHub
commit 6b021b9f70
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/video-grid/VideoGrid.tsx
View file

@ -106,8 +106,8 @@ function isInside([x, y]: number[], targetTile: TilePosition): boolean {
return true; return true;
} }
const getPipGap = (gridAspectRatio: number): number => const getPipGap = (gridAspectRatio: number, gridWidth: number): number =>
gridAspectRatio < 1 ? 12 : 24; gridAspectRatio < 1 || gridWidth < 700 ? 12 : 24;
function getTilePositions( function getTilePositions(
tileCount: number, tileCount: number,
@ -155,9 +155,10 @@ function getOneOnOneLayoutTilePositions(
const gridAspectRatio = gridWidth / gridHeight; const gridAspectRatio = gridWidth / gridHeight;
const pipWidth = gridAspectRatio < 1 ? 114 : 230; const smallPip = gridAspectRatio < 1 || gridWidth < 700;
const pipHeight = gridAspectRatio < 1 ? 163 : 155; const pipWidth = smallPip ? 114 : 230;
const pipGap = getPipGap(gridAspectRatio); const pipHeight = smallPip ? 163 : 155;
const pipGap = getPipGap(gridAspectRatio, gridWidth);
const pipMinX = remotePosition.x + pipGap; const pipMinX = remotePosition.x + pipGap;
const pipMinY = remotePosition.y + pipGap; const pipMinY = remotePosition.y + pipGap;
@ -1045,7 +1046,10 @@ export function VideoGrid({
if (last) { if (last) {
const remotePosition = tilePositions[1]; const remotePosition = tilePositions[1];
const pipGap = getPipGap(gridBounds.width / gridBounds.height); const pipGap = getPipGap(
gridBounds.width / gridBounds.height,
gridBounds.width
);
const pipMinX = remotePosition.x + pipGap; const pipMinX = remotePosition.x + pipGap;
const pipMinY = remotePosition.y + pipGap; const pipMinY = remotePosition.y + pipGap;
const pipMaxX = const pipMaxX =