mirrors
/
mastodon-glitch
mirror of https://github.com/glitch-soc/mastodon
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Fix video player height 

Port 31e7b73084 to glitch-soc
pull/416/head
Thibaut Girka 2018-04-09 00:42:26 +02:00
parent 101e6564fd
commit 9073687f66
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/javascript/flavours/glitch/styles/components/media.scss
View File

@ -161,6 +161,19 @@
max-width: 100vw; max-width: 100vw;
max-height: 100vh; max-height: 100vh;
position: relative; position: relative;
.extended-video-player {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
video {
max-width: $media-modal-media-max-width;
max-height: $media-modal-media-max-height;
}
}
} }
.media-modal { .media-modal {
@ -274,8 +287,8 @@
@include fullwidth-gallery; @include fullwidth-gallery;
video { video {
height: 100%; max-width: 100vw;
width: 100%; max-height: 80vh;
z-index: 1; z-index: 1;
object-fit: cover; object-fit: cover;
position: relative; position: relative;