From 7828725686f4cfbcaffa9a3cd76a8ff681aaef2a Mon Sep 17 00:00:00 2001
From: Vitor Mateus <vitormateusalmeida@gmail.com>
Date: Tue, 21 Jan 2020 10:57:32 -0300
Subject: [PATCH] Fixes maximum width and height when no webcams #8518

---
 .../imports/ui/components/media/component.jsx | 30 ++++++++++++-------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/bigbluebutton-html5/imports/ui/components/media/component.jsx b/bigbluebutton-html5/imports/ui/components/media/component.jsx
index 12e2222949..543d91fe2d 100644
--- a/bigbluebutton-html5/imports/ui/components/media/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/media/component.jsx
@@ -74,21 +74,29 @@ export default class Media extends Component {
         <div
           className={!swapLayout ? contentClassName : overlayClassName}
           style={{
-            maxHeight: (
-              webcamPlacement === 'left'
-              || webcamPlacement === 'right'
-              || webcamPlacement === 'floating'
+            maxHeight: usersVideo.length > 0
+            && (
+              webcamPlacement !== 'left'
+              || webcamPlacement !== 'right'
             )
-              ? '100%'
-              : '80%',
-            minHeight: BROWSER_ISMOBILE && window.innerWidth > window.innerHeight ? '50%' : '20%',
-            maxWidth: (
+            && (
               webcamPlacement === 'top'
               || webcamPlacement === 'bottom'
-              || webcamPlacement === 'floating'
             )
-              ? '100%'
-              : '80%',
+              ? '80%'
+              : '100%',
+            minHeight: BROWSER_ISMOBILE && window.innerWidth > window.innerHeight ? '50%' : '20%',
+            maxWidth: usersVideo.length > 0
+            && (
+              webcamPlacement !== 'top'
+              || webcamPlacement !== 'bottom'
+            )
+            && (
+              webcamPlacement === 'left'
+              || webcamPlacement === 'right'
+            )
+              ? '80%'
+              : '100%',
             minWidth: '20%',
           }}
         >