diff --git a/src/components/CallView/CallView.vue b/src/components/CallView/CallView.vue
index 6fabcc201b0..d81aa5ccfa9 100644
--- a/src/components/CallView/CallView.vue
+++ b/src/components/CallView/CallView.vue
@@ -75,12 +75,11 @@
:shared-data="sharedDatas[shownRemoteScreenPeerId]"
is-big />
-
@@ -339,12 +338,8 @@ export default {
})
},
- isPresenterCollapsed() {
- return !this.showPresenterOverlay && this.shownRemoteScreenCallParticipantModel.attributes.videoAvailable
- },
-
shouldShowPresenterOverlay() {
- return this.showPresenterOverlay && this.isModelWithVideo(this.shownRemoteScreenCallParticipantModel)
+ return this.shownRemoteScreenCallParticipantModel.attributes.videoAvailable || this.isModelWithVideo(this.shownRemoteScreenCallParticipantModel)
},
@@ -766,23 +761,6 @@ export default {
}
}
-.presenter-overlay--collapsed {
- position: absolute !important;
- opacity: .7;
- bottom: 48px;
- right: 0;
-
- #call-container:hover & {
- background-color: rgba(0, 0, 0, 0.1) !important;
-
- &:hover,
- &:focus {
- opacity: 1;
- background-color: rgba(0, 0, 0, 0.2) !important;
- }
- }
-}
-
#videos {
position: absolute;
width: 100%;
diff --git a/src/components/CallView/shared/PresenterOverlay.vue b/src/components/CallView/shared/PresenterOverlay.vue
index fa05f566939..b4d3e8251de 100644
--- a/src/components/CallView/shared/PresenterOverlay.vue
+++ b/src/components/CallView/shared/PresenterOverlay.vue
@@ -42,7 +42,7 @@
@@ -140,6 +140,23 @@ export default {
}
}
+.presenter-overlay--collapsed {
+ position: absolute !important;
+ opacity: .7;
+ bottom: 48px;
+ right: 0;
+
+ #call-container:hover & {
+ background-color: rgba(0, 0, 0, 0.1) !important;
+
+ &:hover,
+ &:focus {
+ opacity: 1;
+ background-color: rgba(0, 0, 0, 0.2) !important;
+ }
+ }
+}
+
:deep(div) {
cursor: inherit;
}
diff --git a/src/components/CallView/shared/VideoVue.vue b/src/components/CallView/shared/VideoVue.vue
index 075481de9fc..403ec99aaa7 100644
--- a/src/components/CallView/shared/VideoVue.vue
+++ b/src/components/CallView/shared/VideoVue.vue
@@ -727,6 +727,7 @@ export default {
content: '';
box-shadow: inset 0 0 0 3px white;
cursor: pointer;
+ z-index: 1;
}
.presenter-icon__hide {
@@ -739,6 +740,7 @@ export default {
border-radius: 50%;
padding: 6px;
width: 44px;
+ z-index: 2;
&:hover {
cursor: pointer;