From 05d7cb571cbcccf33345891294514cee2eb49720 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 15 May 2020 20:54:48 +0200
Subject: [PATCH] Fix ptt over elements. FIxes #370

---
 app/src/components/Containers/Me.js | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/app/src/components/Containers/Me.js b/app/src/components/Containers/Me.js
index 19dcd7b..8e0eb8e 100644
--- a/app/src/components/Containers/Me.js
+++ b/app/src/components/Containers/Me.js
@@ -145,15 +145,11 @@ const styles = (theme) =>
 			textAlign       : 'center',
 			opacity         : 0,
 			transition      : 'opacity 1s ease',
+			pointerEvents   : 'none',
 			'&.enabled'     :
 			{
 				transition : 'opacity 0.1s',
-				opacity    : 1,
-				visibility : 'visible' 
-			},
-			'&.disabled' :
-			{
-				visibility : 'hidden'
+				opacity    : 1
 			}
 		}
 	});
@@ -369,19 +365,31 @@ const Me = (props) =>
 				style={spacingStyle}
 			>
 				
-				{ me.browser.platform !== 'mobile' &&
+				{ me.browser.platform !== 'mobile' && smallContainer &&
 				<div className={classnames(
 					classes.ptt,
-					(micState === 'muted' && me.isSpeaking) ? 'enabled' : 'disabled'
+					(micState === 'muted' && me.isSpeaking) ? 'enabled' : null
 				)}
 				>
 					<FormattedMessage
 						id='me.mutedPTT'
 						defaultMessage='You are muted, hold down SPACE-BAR to talk'
-					/>	
+					/>
 				</div>
 				}
 				<div className={classes.viewContainer} style={style}>
+					{ me.browser.platform !== 'mobile' && !smallContainer &&
+						<div className={classnames(
+							classes.ptt,
+							(micState === 'muted' && me.isSpeaking) ? 'enabled' : null
+						)}
+						>
+							<FormattedMessage
+								id='me.mutedPTT'
+								defaultMessage='You are muted, hold down SPACE-BAR to talk'
+							/>
+						</div>
+					}
 					<p className={
 						classnames(
 							classes.meTag,