diff options
author | Maksim Sukharev <antreesy.web@gmail.com> | 2023-06-20 15:23:08 +0200 |
---|---|---|
committer | backportbot-nextcloud[bot] <backportbot-nextcloud[bot]@users.noreply.github.com> | 2023-06-22 08:25:43 +0000 |
commit | 907c935cb6295dd974708b02be51b7ede7ad1683 (patch) | |
tree | 4a6a62667283c5ec45a032f97e669c1fc5e85c84 /src/components/CallView/Grid/Grid.vue | |
parent | 9f76302ccca58f9900c0bc15111e10eaec059c64 (diff) |
lint code
Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
Diffstat (limited to 'src/components/CallView/Grid/Grid.vue')
-rw-r--r-- | src/components/CallView/Grid/Grid.vue | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue index c349ae740..376b90efd 100644 --- a/src/components/CallView/Grid/Grid.vue +++ b/src/components/CallView/Grid/Grid.vue @@ -678,7 +678,7 @@ export default { // currently if the user is not on the 'first page', upon resize the // current position in the videos array is lost (first element // in the grid goes back to be first video) - debounce(this.makeGrid(), 200) + debounce(this.makeGrid(), 200) }, // Find the right size if the grid in rows and columns (we already know @@ -832,7 +832,9 @@ export default { clearTimeout(this.showVideoOverlayTimer) } this.showVideoOverlay = true - this.showVideoOverlayTimer = setTimeout(() => { this.showVideoOverlay = false }, 5000) + this.showVideoOverlayTimer = setTimeout(() => { + this.showVideoOverlay = false + }, 5000) }, handleClickVideo(event, peerId) { @@ -913,6 +915,7 @@ export default { border: 1px solid #00FF41; color: #00FF41; } + position: relative; &--self { @@ -924,7 +927,7 @@ export default { object-fit: cover; height: 100%; width: 100%; - border-radius: calc(var(--default-clickable-area)/2); + border-radius: calc(var(--default-clickable-area) / 2); } .wrapper { @@ -951,11 +954,12 @@ export default { left: 20px; bottom: 50%; padding: 20px; - background: rgba(0,0,0,0.8); + background: rgba(0, 0, 0, 0.8); border: 1px solid #00FF41; width: 212px; font-size: 12px; z-index: 999999999999999; + & p { text-overflow: ellipsis; overflow: hidden; @@ -971,9 +975,11 @@ export default { .grid-wrapper & { position: absolute; top: calc(50% - var(--default-clickable-area) / 2); + &__previous { left: 8px; } + &__next { right: 8px; } @@ -982,9 +988,11 @@ export default { .stripe-wrapper & { position: absolute; top: 16px; + &__previous { left: 8px; } + &__next { right: 16px; } @@ -1000,6 +1008,7 @@ export default { height: 44px; padding: 0 22px; border-radius: 22px; + &__dot { width: 8px; height: 8px; |