Fade out passive speakers.

2019-11-26 12:48:20 +01:00 · 2019-11-26 12:48:20 +01:00 · 4c39a48d4e
parent 12efa3eb2c
commit 4c39a48d4e
1 changed files with 7 additions and 0 deletions
--- a/app/src/components/Containers/Peer.js
+++ b/app/src/components/Containers/Peer.js
@ -45,7 +45,14 @@ const styles = (theme) =>
 			},
 			'&.active-speaker' :
 			{
+				transition  : 'filter .2s',
+				filter      : 'grayscale(0)',
 				borderColor : 'var(--active-speaker-border-color)'
+			},
+			'&:not(.active-speaker)' :
+			{
+				transition : 'filter 2s',
+				filter     : 'grayscale(0.75)'
 			}
 		},
 		fab :