verdnatura/salix
verdnatura
/
salix
3
5
Fork 0
Code Issues Pull Requests 66 Releases Wiki Activity

refactor: resize vide0s
gitea/salix/pipeline/head This commit looks good Details

This commit is contained in:
Vicent Llopis 2022-04-08 14:33:00 +02:00
parent 20494e8c0b
commit 5431dbdc3e
2 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
modules/claim/front/photos/index.html
View File

@ -18,8 +18,9 @@
zoom-image="{{$ctrl.getImagePath(photo.dmsFk)}}" zoom-image="{{$ctrl.getImagePath(photo.dmsFk)}}"
ng-if="photo.dms.contentType == 'image/jpeg'"> ng-if="photo.dms.contentType == 'image/jpeg'">
</section> </section>
<video id="videobcg" class="video vn-shadow" muted="muted" controls ng-if="photo.dms.contentType == 'video/mp4'"> <video id="videobcg" muted="muted" controls ng-if="photo.dms.contentType == 'video/mp4'"
<source class="video vn-shadow" src="{{$ctrl.getImagePath(photo.dmsFk)}}" type="video/mp4"> class="video">
<source src="{{$ctrl.getImagePath(photo.dmsFk)}}" type="video/mp4">
</video> </video>
<section class="actions"> <section class="actions">
<vn-button <vn-button

22
modules/claim/front/photos/style.scss
View File

@ -31,19 +31,17 @@ vn-claim-photos {
} }
.video { .video {
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), width: 100%;
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;
height: 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 { }
.video:hover {
} border: 2px solid $color-primary
} }
} }