From ff549a230dff77cbe23cf35b48435bceca47272c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Tue, 26 Nov 2019 13:07:14 +0100
Subject: [PATCH] Fade out Me, and increase fade out time.

---
 app/src/components/Containers/Me.js   | 7 +++++++
 app/src/components/Containers/Peer.js | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js
index 37e0068..cbea178 100644
--- a/app/src/components/Containers/Me.js
+++ b/app/src/components/Containers/Me.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 10s',
+				filter     : 'grayscale(0.75)'
 			}
 		},
 		fab :
diff --git a/app/src/components/Containers/Peer.js b/app/src/components/Containers/Peer.js
index 5cc1554..96d9ff6 100644
--- a/app/src/components/Containers/Peer.js
+++ b/app/src/components/Containers/Peer.js
@@ -51,7 +51,7 @@ const styles = (theme) =>
 			},
 			'&:not(.active-speaker)' :
 			{
-				transition : 'filter 2s',
+				transition : 'filter 10s',
 				filter     : 'grayscale(0.75)'
 			}
 		},