From 5431dbdc3ea6b672ceb00b5703c74e50cdade0a1 Mon Sep 17 00:00:00 2001
From: vicent <vicent@verdnatura.es>
Date: Fri, 8 Apr 2022 14:33:00 +0200
Subject: [PATCH] refactor: resize vide0s

---
 modules/claim/front/photos/index.html |  5 +++--
 modules/claim/front/photos/style.scss | 26 ++++++++++++--------------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/modules/claim/front/photos/index.html b/modules/claim/front/photos/index.html
index 907e0852b4..90691a95d8 100644
--- a/modules/claim/front/photos/index.html
+++ b/modules/claim/front/photos/index.html
@@ -18,8 +18,9 @@
             zoom-image="{{$ctrl.getImagePath(photo.dmsFk)}}"
             ng-if="photo.dms.contentType == 'image/jpeg'">
         </section>
-        <video id="videobcg" class="video vn-shadow" muted="muted" controls ng-if="photo.dms.contentType == 'video/mp4'">
-            <source class="video vn-shadow" src="{{$ctrl.getImagePath(photo.dmsFk)}}" type="video/mp4">
+        <video id="videobcg" muted="muted" controls ng-if="photo.dms.contentType == 'video/mp4'"
+            class="video">
+            <source src="{{$ctrl.getImagePath(photo.dmsFk)}}" type="video/mp4">
         </video>
         <section class="actions">
             <vn-button
diff --git a/modules/claim/front/photos/style.scss b/modules/claim/front/photos/style.scss
index d19e739e82..101cb0da21 100644
--- a/modules/claim/front/photos/style.scss
+++ b/modules/claim/front/photos/style.scss
@@ -29,21 +29,19 @@ vn-claim-photos {
             height: 288px;
         }
     }
-
+    
     .video {
-        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
-                    0 3px 1px -2px rgba(0,0,0,.2),
-                    0 1px 5px 0 rgba(0,0,0,.12);
-        background: no-repeat center center fixed;
-        background-size: cover !important;
-        border: 2px solid transparent;
-        overflow: hidden;
-        cursor: pointer;
+        width: 100%;
         height: 100%;
-        width: 100%
+        object-fit: cover;
+        cursor: pointer;
+        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
+        0 3px 1px -2px rgba(0,0,0,.2),
+        0 1px 5px 0 rgba(0,0,0,.12);
+        border: 2px solid transparent;
 
-        source {
-            
-        }
     }
-}
\ No newline at end of file
+    .video:hover {
+        border: 2px solid $color-primary
+    }
+}