diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss index cf7ee9738..df07b3fb1 100644 --- a/css/_videolayout_default.scss +++ b/css/_videolayout_default.scss @@ -280,6 +280,7 @@ font-size: 8pt; text-align: center; line-height: $thumbnailToolbarHeight; + display: none; padding: 0; margin-right: 5px; float: left; diff --git a/modules/UI/util/UIUtil.js b/modules/UI/util/UIUtil.js index ace1dcea7..ed9235c1f 100644 --- a/modules/UI/util/UIUtil.js +++ b/modules/UI/util/UIUtil.js @@ -406,7 +406,7 @@ const TOOLTIP_POSITIONS = { getVideoThumbnailIndicatorSpan(opts = {}) { let indicatorId = opts.indicatorId; let videoSpanId = opts.videoSpanId; - let indicators = $(`#${videoSpanId} #${indicatorId}]`); + let indicators = $(`#${videoSpanId} [id="${indicatorId}"]`); let indicatorSpan; if (indicators.length <= 0) { diff --git a/modules/UI/videolayout/ConnectionIndicator.js b/modules/UI/videolayout/ConnectionIndicator.js index 59479e95b..f7836e95a 100644 --- a/modules/UI/videolayout/ConnectionIndicator.js +++ b/modules/UI/videolayout/ConnectionIndicator.js @@ -267,13 +267,12 @@ ConnectionIndicator.prototype.create = function () { videoSpanId: this.videoContainer.videoSpanId, indicatorId }); - element.classList.add('hide'); this.connectionIndicatorContainer = element; let popoverContent = ( `
` ); - this.popover = new JitsiPopover(element, { + this.popover = new JitsiPopover($(element), { content: popoverContent, skin: "black", onBeforePosition: el => APP.translation.translateElement(el) diff --git a/modules/UI/videolayout/SmallVideo.js b/modules/UI/videolayout/SmallVideo.js index 43dda3303..3a491a81f 100644 --- a/modules/UI/videolayout/SmallVideo.js +++ b/modules/UI/videolayout/SmallVideo.js @@ -1,4 +1,4 @@ -/* global $, APP, JitsiMeetJS, interfaceConfig */ +/* global $, JitsiMeetJS, interfaceConfig */ import Avatar from "../avatar/Avatar"; import UIUtil from "../util/UIUtil"; import UIEvents from "../../../service/UI/UIEvents"; @@ -506,9 +506,9 @@ SmallVideo.prototype.showDominantSpeakerIndicator = function (show) { }); if (show) { - indicatorSpan.classList.add('hide'); + indicatorSpan.classList.add('show'); } else { - indicatorSpan.classList.remove('hide') + indicatorSpan.classList.remove('show'); } }; @@ -532,9 +532,9 @@ SmallVideo.prototype.showRaisedHandIndicator = function (show) { }); if (show) { - indicatorSpan.classList.add('hide'); + indicatorSpan.classList.add('show'); } else { - indicatorSpan.classList.remove('hide') + indicatorSpan.classList.remove('show'); } };