From d7c908e2d115600306efabb6f1bcafcc829f50f7 Mon Sep 17 00:00:00 2001
From: Ilya Daynatovich <shupuercha@gmail.com>
Date: Fri, 4 Nov 2016 16:11:32 +0200
Subject: [PATCH] Updated in videolayout

---
 modules/UI/videolayout/LargeVideoManager.js | 7 ++++---
 modules/UI/videolayout/VideoLayout.js       | 9 +++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/modules/UI/videolayout/LargeVideoManager.js b/modules/UI/videolayout/LargeVideoManager.js
index e8e934a4ff1e..079585854c8f 100644
--- a/modules/UI/videolayout/LargeVideoManager.js
+++ b/modules/UI/videolayout/LargeVideoManager.js
@@ -332,14 +332,15 @@ export default class LargeVideoManager {
             show = APP.conference.isConnectionInterrupted();
         }
 
+        let id = 'localConnectionMessage';
         if (show) {
+            UIUtil.showElement(id);
             // Avatar message conflicts with 'videoConnectionMessage',
             // so it must be hidden
             this.showRemoteConnectionMessage(false);
+        } else {
+            UIUtil.hideElement(id);
         }
-
-        document.querySelector('#localConnectionMessage')
-                .classList.toggle('hide', !show);
     }
 
     /**
diff --git a/modules/UI/videolayout/VideoLayout.js b/modules/UI/videolayout/VideoLayout.js
index fbc393dad58b..da645b29a874 100644
--- a/modules/UI/videolayout/VideoLayout.js
+++ b/modules/UI/videolayout/VideoLayout.js
@@ -1136,8 +1136,13 @@ var VideoLayout = {
      * video stream is currently HD.
      */
     updateResolutionLabel(isResolutionHD) {
-        document.querySelector('#videoResolutionLabel')
-                .classList.toggle('show', isResolutionHD);
+        let id = 'videoResolutionLabel';
+
+        if (isResolutionHD) {
+            UIUtil.showElement(id);
+        } else {
+            UIUtil.hideElement(id);
+        }
     },
 
     /**