diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js index b05b7f8..d5e860c 100644 --- a/app/src/components/Containers/Me.js +++ b/app/src/components/Containers/Me.js @@ -41,7 +41,7 @@ const styles = (theme) => filter : 'grayscale(0)', borderColor : 'var(--active-speaker-border-color)' }, - '&:not(.active-speaker)' : + '&:not(.active-speaker):not(.screen)' : { transition : 'filter 10s', filter : 'grayscale(0.75)' @@ -52,8 +52,7 @@ const styles = (theme) => }, '&.screen' : { - order : 2, - filter : 'grayscale(0)' + order : 2 } }, fab : diff --git a/app/src/components/Containers/Peer.js b/app/src/components/Containers/Peer.js index fbaa878..557a316 100644 --- a/app/src/components/Containers/Peer.js +++ b/app/src/components/Containers/Peer.js @@ -41,7 +41,7 @@ const styles = (theme) => filter : 'grayscale(0)', borderColor : 'var(--active-speaker-border-color)' }, - '&:not(.active-speaker)' : + '&:not(.active-speaker):not(.screen)' : { transition : 'filter 10s', filter : 'grayscale(0.75)' @@ -52,8 +52,7 @@ const styles = (theme) => }, '&.screen' : { - order : 3, - filter : 'grayscale(0)' + order : 3 } }, fab :