Do not round things in stripebugfix/noid/fix-videos-hover-feedback-in-stripe

Signed-off-by: marco <marcoambrosini@pm.me>

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>