src/grid/Grid.css

/*
Copyright 2023, 2024 New Vector Ltd.

SPDX-License-Identifier: AGPL-3.0-only
Please see LICENSE in the repository root for full details.
*/

.grid {
  contain: layout style;
  position: relative;
  flex-grow: 1;
  margin-inline: var(--inline-content-inset);
  margin-block: var(--cpd-space-4x);
}

.slots {
  position: relative;
}

.slot {
  contain: strict;
}
Add missing copyright headers 2023-02-15 16:20:58 -05:00			`/*`
Update file headers copyright and change licence to AGPL-3.0-only 2024-09-06 10:22:13 +02:00			`Copyright 2023, 2024 New Vector Ltd.`
Add missing copyright headers 2023-02-15 16:20:58 -05:00
Update file headers copyright and change licence to AGPL-3.0-only 2024-09-06 10:22:13 +02:00			`SPDX-License-Identifier: AGPL-3.0-only`
			`Please see LICENSE in the repository root for full details.`
Add missing copyright headers 2023-02-15 16:20:58 -05:00			`*/`

WIP minus unfinished split grid layouts 2023-01-18 10:52:12 -05:00			`.grid {`
Fix the video grid getting clipped at the edges And also, put the scroll bar in a more sensible spot by turning the footer into a proper sticky footer. 2023-09-25 14:16:29 -04:00			`contain: layout style;`
WIP minus unfinished split grid layouts 2023-01-18 10:52:12 -05:00			`position: relative;`
			`flex-grow: 1;`
Implement new in-call header and footer designs 2023-09-08 15:39:10 -04:00			`margin-inline: var(--inline-content-inset);`
Fix the video grid getting clipped at the edges And also, put the scroll bar in a more sensible spot by turning the footer into a proper sticky footer. 2023-09-25 14:16:29 -04:00			`margin-block: var(--cpd-space-4x);`
WIP minus unfinished split grid layouts 2023-01-18 10:52:12 -05:00			`}`

Make NewVideoGrid support arbitrary layout systems In preparation for adding layouts other than big grid to the NewVideoGrid component, I've abstracted the grid layout system into an interface called Layout. For now, the only implementation of this interface is BigGrid, but this will allow us to easily plug in Spotlight, SplitGrid, and OneOnOne layout systems so we can get rid of the old VideoGrid component and have One Grid to Rule Them All™. Please do shout if any of this seems obtuse or underdocumented, because I'm not super happy with how approachable the NewVideoGrid code looks right now… Incidentally, this refactoring made it way easier to save the state of the grid while in fullscreen / another layout, so I went ahead and did that. 2023-06-27 12:19:06 -04:00			`.slots {`
WIP minus unfinished split grid layouts 2023-01-18 10:52:12 -05:00			`position: relative;`
			`}`

Format with Prettier 2023-01-29 21:56:07 -05:00			`.slot {`
Replace premature animation optimization with a potentially wiser one 2023-01-30 23:44:19 -05:00			`contain: strict;`
Format with Prettier 2023-01-29 21:56:07 -05:00			`}`