Merge pull request #1057 from robintown/speaking-transition

Subtly animate active speaker indicators
2023-05-13 13:53:03 -04:00
parent 0f7ee3b860 caf90d851e
commit 239095321a
1 changed files with 7 additions and 1 deletions
--- 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 {