diff --git a/css/_jitsi_popover.scss b/css/_jitsi_popover.scss index 9efd0dadc..b638de646 100644 --- a/css/_jitsi_popover.scss +++ b/css/_jitsi_popover.scss @@ -15,13 +15,12 @@ /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/ white-space: normal; margin-top: -10px; - margin-bottom: 35px; &__menu-padding { - height: 35px; + height: 10px; width: 100px; position: absolute; - bottom: -35px; + bottom: -10px; } &__showmore { diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss index 52cb02a2c..a639caf6d 100644 --- a/css/_videolayout_default.scss +++ b/css/_videolayout_default.scss @@ -113,11 +113,23 @@ /** * Hovered video thumbnail. */ -#remoteVideos .videocontainer:hover { - cursor: hand; - border: 2px solid $videoThumbnailHovered; - box-shadow: inset 0 0 3px $videoThumbnailHovered, - 0 0 3px $videoThumbnailHovered; +#remoteVideos .videocontainer { + .remotevideomenu { + display: none; + } + + /** + * Show/hide items for hover event here + */ + &:hover { + cursor: hand; + border: 2px solid $videoThumbnailHovered; + box-shadow: inset 0 0 3px $videoThumbnailHovered, + 0 0 3px $videoThumbnailHovered; + .remotevideomenu { + display: inline-block; + } + } } #localVideoWrapper { diff --git a/modules/UI/util/JitsiPopover.js b/modules/UI/util/JitsiPopover.js index cd72d6b00..b6ddd8bb2 100644 --- a/modules/UI/util/JitsiPopover.js +++ b/modules/UI/util/JitsiPopover.js @@ -53,7 +53,8 @@ var JitsiPopover = (function () { `
${arrow}
-
` +
+ ` ); }; diff --git a/modules/UI/videolayout/RemoteVideo.js b/modules/UI/videolayout/RemoteVideo.js index 43ea0bbc3..e52616098 100644 --- a/modules/UI/videolayout/RemoteVideo.js +++ b/modules/UI/videolayout/RemoteVideo.js @@ -516,7 +516,7 @@ RemoteVideo.prototype.addRemoteStreamElement = function (stream) { } $(streamElement).click(onClickHandler); -}, +}; /** * Show/hide peer container for the given id.