bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Composer: display uploaded video preview

Browse source
This commit is contained in:
Alex Gleason 2021-05-17 16:43:55 -05:00
parent 3bae6e25e1
commit 80c18f0fed
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
3 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/features/compose/components/upload.js
View file

Binary file not shown.

BIN
app/soapbox/features/compose/containers/upload_button_container.js
View file

Binary file not shown.

20
app/styles/components/compose-form.scss
View file

@ -277,15 +277,33 @@
} }
&.active { opacity: 1; } &.active { opacity: 1; }
} }
&-preview {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
video {
width: 100%;
height: 100%;
object-fit: cover;
}
}
} }
.compose-form__upload-thumbnail { .compose-form__upload-thumbnail {
border-radius: 4px; border-radius: 4px;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 140px; height: 160px;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
position: relative;
&.video { &.video {
background-image: url('../images/video-placeholder.png'); background-image: url('../images/video-placeholder.png');