diff options
-rw-r--r-- | src/components/CallView/shared/LocalVideo.vue | 8 | ||||
-rw-r--r-- | src/components/CallView/shared/Video.vue | 9 |
2 files changed, 15 insertions, 2 deletions
diff --git a/src/components/CallView/shared/LocalVideo.vue b/src/components/CallView/shared/LocalVideo.vue index 90df03028..0c73b1b1c 100644 --- a/src/components/CallView/shared/LocalVideo.vue +++ b/src/components/CallView/shared/LocalVideo.vue @@ -55,7 +55,9 @@ </div> </div> - <div v-if="mouseover && isSelectable" class="hover-shadow" /> + <div v-if="mouseover && isSelectable" + class="hover-shadow" + :class="{ 'stripe': isStripe }" /> <div class="bottom-bar"> <button v-if="isBig" @@ -149,6 +151,7 @@ export default { 'video-container-grid': this.isGrid, 'video-container-stripe': this.isStripe, 'video-container-big': this.isBig, + stripe: this.isStripe, } }, @@ -417,4 +420,7 @@ export default { border-radius: var(--border-radius-large); } +.stripe { + border-radius: 0 !important; +} </style> diff --git a/src/components/CallView/shared/Video.vue b/src/components/CallView/shared/Video.vue index 5a3b2e4dd..6610e8f90 100644 --- a/src/components/CallView/shared/Video.vue +++ b/src/components/CallView/shared/Video.vue @@ -92,7 +92,9 @@ :has-shadow="hasVideo" :participant-name="participantName" /> <div v-if="isSpeaking && !isStripe && !isBig" class="speaking-shadow" /> - <div v-if="mouseover && !isBig" class="hover-shadow" /> + <div v-if="mouseover && !isBig" + class="hover-shadow" + :class="{ 'stripe': isStripe }" /> </div> </template> @@ -249,6 +251,7 @@ export default { 'video-container-grid': this.isGrid, 'video-container-grid--speaking': this.isSpeaking, 'video-container-big': this.isBig, + strip: this.isStripe, } }, @@ -620,4 +623,8 @@ export default { border-radius: var(--border-radius-large); } +.stripe { + border-radius: 0 !important; +} + </style> |