haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

show/hide menu if elem hovered

This commit is contained in:
Konstantyn Pahsura 2016-10-31 18:12:28 +02:00
parent f02f050e56
commit 76e55f1132
4 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/_jitsi_popover.scss
View File

@ -15,13 +15,12 @@
/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/ /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/
white-space: normal; white-space: normal;
margin-top: -10px; margin-top: -10px;
margin-bottom: 35px;
&__menu-padding { &__menu-padding {
height: 35px; height: 10px;
width: 100px; width: 100px;
position: absolute; position: absolute;
bottom: -35px; bottom: -10px;
} }
&__showmore { &__showmore {

14
css/_videolayout_default.scss
View File

@ -113,11 +113,23 @@
/** /**
* Hovered video thumbnail. * Hovered video thumbnail.
*/ */
#remoteVideos .videocontainer:hover { #remoteVideos .videocontainer {
.remotevideomenu {
display: none;
}
/**
* Show/hide items for hover event here
*/
&:hover {
cursor: hand; cursor: hand;
border: 2px solid $videoThumbnailHovered; border: 2px solid $videoThumbnailHovered;
box-shadow: inset 0 0 3px $videoThumbnailHovered, box-shadow: inset 0 0 3px $videoThumbnailHovered,
0 0 3px $videoThumbnailHovered; 0 0 3px $videoThumbnailHovered;
.remotevideomenu {
display: inline-block;
}
}
} }
#localVideoWrapper { #localVideoWrapper {

3
modules/UI/util/JitsiPopover.js
View File

@ -53,7 +53,8 @@ var JitsiPopover = (function () {
`<div class="jitsipopover ${this.options.skin}"> `<div class="jitsipopover ${this.options.skin}">
${arrow} ${arrow}
<div class="jitsipopover__content"></div> <div class="jitsipopover__content"></div>
<div class="jitsipopover__menu-padding"></div></div>` <div class="jitsipopover__menu-padding"></div>
</div>`
); );
}; };

2
modules/UI/videolayout/RemoteVideo.js
View File

@ -516,7 +516,7 @@ RemoteVideo.prototype.addRemoteStreamElement = function (stream) {
} }
$(streamElement).click(onClickHandler); $(streamElement).click(onClickHandler);
}, };
/** /**
* Show/hide peer container for the given id. * Show/hide peer container for the given id.