diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss index 6bea52c76..ae96ae351 100644 --- a/css/_videolayout_default.scss +++ b/css/_videolayout_default.scss @@ -81,7 +81,7 @@ height: $thumbnailIndicatorSize + $toolbarPadding; } -.videocontainer__overlay { +.videocontainer__hoverOverlay { position: relative; width: 100%; height: 100%; diff --git a/index.html b/index.html index d42645d6f..0b48e162c 100644 --- a/index.html +++ b/index.html @@ -255,7 +255,7 @@
-
+
diff --git a/modules/UI/videolayout/RemoteVideo.js b/modules/UI/videolayout/RemoteVideo.js index 2d8163790..87015baa8 100644 --- a/modules/UI/videolayout/RemoteVideo.js +++ b/modules/UI/videolayout/RemoteVideo.js @@ -577,7 +577,7 @@ RemoteVideo.createContainer = function (spanId) { container.appendChild(toolbar); let overlay = document.createElement('div'); - overlay.className = "videocontainer__overlay"; + overlay.className = "videocontainer__hoverOverlay"; container.appendChild(overlay); var remotes = document.getElementById('remoteVideos'); diff --git a/modules/UI/videolayout/SmallVideo.js b/modules/UI/videolayout/SmallVideo.js index bdf82c10e..04de14658 100644 --- a/modules/UI/videolayout/SmallVideo.js +++ b/modules/UI/videolayout/SmallVideo.js @@ -512,7 +512,7 @@ SmallVideo.prototype.updateView = function () { // show hide overlay when there is a video or avatar under // the display name UIUtil.setVisibility( $('#' + this.videoSpanId - + ' .videocontainer__overlay'), + + ' .videocontainer__hoverOverlay'), (displayMode === DISPLAY_AVATAR_WITH_NAME || displayMode === DISPLAY_VIDEO_WITH_NAME)); };