Cynosphere/nitter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add support for mp4 videos

Browse source
This commit is contained in:
Zed 2019-06-29 07:45:36 +02:00
parent b31338dcc7
commit ff01ab61d1
4 changed files with 62 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

68
public/style.css
View file

@ -230,8 +230,9 @@ nav {
min-width: 2em;
}
.gallery-row .attachment:last-child, .gallery-row .attachments:last-child {
.gallery-row .attachment:last-child, .gallery-row .attachments:last-child, .video-container {
margin: 0;
max-height: 500px;
}
.attachments .attachment {
@ -241,14 +242,45 @@ nav {
overflow: hidden;
}
.gallery-row .image-attachment {
.gallery-row .image-attachment, .attachments .image-attachment {
width: 100%;
}
.attachments .image-attachment {
.gallery-video {
display: flex;
overflow: hidden;
}
video {
height: 100%;
width: 100%;
}
.media-gif {
display: table-cell;
padding-top: 5px !important;
background-color: unset;
}
.video-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #000000bd;
}
.video-overlay p {
position: relative;
z-index: 0;
color: #dcdcdc;
text-align: center;
top: calc(50% - 20px);
font-size: 20px;
}
.still-image {
max-height: 379.5px;
max-width: 506px;
@ -611,36 +643,6 @@ nav {
font-weight: 600;
}
.media-gif {
display: table-cell;
padding-top: 5px !important;
background-color: unset;
}
video {
height: 100%;
width: 100%;
}
.video-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #000000bd;
}
.video-overlay p {
position: relative;
z-index: 0;
color: #dcdcdc;
text-align: center;
top: calc(50% - 20px);
font-size: 20px;
}
.unavailable-box {
width: 100%;
height: 100%;