Fix empty call view position in sidebar

When the call view is shown in the Files app or public share page
sidebar its direct children (the empty call view and the wrapper of
videos) are expected to have an absolute position. However, as the empty
call view had a relative position it was prepended before the call view
padding (which defines the call view height) instead of fully covering
it.

When the call view is shown in the main Talk UI or in the video
verification sidebar the call view has an explicit height attribute
(rather than using a padding), so in this case it does not matter if the
empty call view has a relative or absolute position.

However, when the empty call view is shown in the grid it must use a
relative position.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

2 files changed, 5 insertions, 1 deletions

diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue
index d0bc2b7f7..44abb97ac 100644
--- a/src/components/CallView/Grid/Grid.vue
+++ b/src/components/CallView/Grid/Grid.vue
@@ -729,6 +729,10 @@ export default {
 	width: 100%;
 }
 
+.empty-call-view {
+	position: relative;
+}
+
 .local-video-stripe {
 	width: 300px;
 }
diff --git a/src/components/CallView/shared/EmptyCallView.vue b/src/components/CallView/shared/EmptyCallView.vue
index 9f70d36c8..630e77a54 100644
--- a/src/components/CallView/shared/EmptyCallView.vue
+++ b/src/components/CallView/shared/EmptyCallView.vue
@@ -152,7 +152,7 @@ export default {
 .empty-call-view {
 	height: 100%;
 	width: 100%;
-	position: relative;
+	position: absolute;
 	display: flex;
 	flex-direction: column;
 	align-content: center;