From caf90d851e0eb2105a5a50d93d6ad5984508dc03 Mon Sep 17 00:00:00 2001
From: Robin Townsend <robin@robin.town>
Date: Fri, 12 May 2023 14:49:55 -0400
Subject: [PATCH] Subtly animate active speaker indicators
A light touch of animation here is consistent with what the designs call for, and what we've done with the toolbars on video tiles.
---
src/video-grid/VideoTile.module.css | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/video-grid/VideoTile.module.css b/src/video-grid/VideoTile.module.css
index a83d1f0..5ec3aae 100644
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -45,7 +45,7 @@ limitations under the License.
transform: scaleX(-1);
}
-.videoTile.speaking::after {
+.videoTile::after {
position: absolute;
top: -1px;
left: -1px;
@@ -54,6 +54,12 @@ limitations under the License.
content: "";
border-radius: var(--tileRadius);
box-shadow: inset 0 0 0 4px var(--accent) !important;
+ opacity: 0;
+ transition: opacity ease 0.15s;
+}
+
+.videoTile.speaking::after {
+ opacity: 1;
}
.videoTile.maximised {