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

Replace premature animation optimization with a potentially wiser one

Browse source
This commit is contained in:
Robin Townsend 2023-01-30 23:44:19 -05:00
parent 0166eb67fb
commit 82c7293308
2 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/video-grid/NewVideoGrid.module.css
View file

@ -1,4 +1,5 @@
.grid { .grid {
contain: strict;
position: relative; position: relative;
flex-grow: 1; flex-grow: 1;
padding: 0 22px; padding: 0 22px;
@ -7,6 +8,7 @@
} }
.slotGrid { .slotGrid {
contain: strict;
position: relative; position: relative;
display: grid; display: grid;
grid-auto-rows: 183px; grid-auto-rows: 183px;
@ -15,6 +17,7 @@
} }
.slot { .slot {
contain: strict;
scroll-snap-align: start; scroll-snap-align: start;
} }

2
src/video-grid/VideoTile.module.css
View file

@ -16,8 +16,8 @@ limitations under the License.
.videoTile { .videoTile {
position: absolute; position: absolute;
contain: strict;
top: 0; top: 0;
will-change: transform, width, height, opacity, box-shadow;
width: var(--tileWidth); width: var(--tileWidth);
height: var(--tileHeight); height: var(--tileHeight);
border-radius: 20px; border-radius: 20px;