From a78f67bb3233499a39d468105a5393c5a3a866b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Ant=C3=B4nio=20Cardoso?= <joao.maker@gmail.com>
Date: Tue, 24 Mar 2026 12:41:00 -0300
Subject: [PATCH 1/2] frontend: components: video-manager: VideoThumbnail: stop
 click propagation on controls

Prevents the play/camera buttons from triggering navigation to the
Video Manager page when the thumbnail is embedded in the dashboard.

Closes #3848
---
 core/frontend/src/components/video-manager/VideoThumbnail.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/core/frontend/src/components/video-manager/VideoThumbnail.vue b/core/frontend/src/components/video-manager/VideoThumbnail.vue
index 72bbe68331..e5205ad69a 100644
--- a/core/frontend/src/components/video-manager/VideoThumbnail.vue
+++ b/core/frontend/src/components/video-manager/VideoThumbnail.vue
@@ -60,6 +60,7 @@
       <div
         v-if="register"
         class="thumbnail-controls d-flex align-center"
+        @click.stop.prevent
       >
         <v-tooltip bottom>
           <template #activator="{ on, attrs }">

From 6cc755bb7067d2fe642c6c2cf4858f34f55a8d97 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Ant=C3=B4nio=20Cardoso?= <joao.maker@gmail.com>
Date: Tue, 24 Mar 2026 12:51:54 -0300
Subject: [PATCH 2/2] frontend: components: video-manager: VideoThumbnail:
 contain image within parent

Constrain the thumbnail frame height to its parent and use object-fit
contain so the full image is visible without overflow or cropping.
---
 core/frontend/src/components/video-manager/VideoThumbnail.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/core/frontend/src/components/video-manager/VideoThumbnail.vue b/core/frontend/src/components/video-manager/VideoThumbnail.vue
index e5205ad69a..965cb3d18b 100644
--- a/core/frontend/src/components/video-manager/VideoThumbnail.vue
+++ b/core/frontend/src/components/video-manager/VideoThumbnail.vue
@@ -33,7 +33,7 @@
       <img
         v-else
         :src="thumbnail?.source"
-        style="width: 100%; height: 100%; object-fit: cover;"
+        style="width: 100%; height: 100%; object-fit: contain;"
       >
       <div
         v-if="is_pirate_mode && register"
@@ -230,6 +230,7 @@ export default Vue.extend({
   overflow: hidden;
   border-radius: 4px;
   background: rgba(0, 0, 0, 0.08);
+  max-height: 100%;
 }
 
 .thumbnail-overlay {