diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2020-10-20 21:50:58 +0300 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2020-10-21 13:13:10 +0300 |
commit | 592d99f19d03c7c5ae8c3f4686a4bfcc4136006f (patch) | |
tree | 8a7586283ce561dcdaed3a4a31a0b21f3a06f423 /src | |
parent | 9f0608b55ec90a00da03896fb1f23d58361d09ee (diff) |
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>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/CallView/Grid/Grid.vue | 4 | ||||
-rw-r--r-- | src/components/CallView/shared/EmptyCallView.vue | 2 |
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; |