diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-04-09 00:42:26 +0200 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2018-04-09 01:08:51 +0200 |
| commit | 9073687f66a8e82d19a56ec85eef2c27f63412dc (patch) | |
| tree | 62ab3b002ffd0bfb8c2c65354090040ce4760634 | |
| parent | 101e6564fde67e233c76df3d848d269ab28217d3 (diff) | |
[Glitch] Fix video player height
Port 31e7b7308489ecc8b43f83b78ec0a288c4195d5b to glitch-soc
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/media.scss | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/media.scss b/app/javascript/flavours/glitch/styles/components/media.scss index f02940593..03e7aba67 100644 --- a/app/javascript/flavours/glitch/styles/components/media.scss +++ b/app/javascript/flavours/glitch/styles/components/media.scss @@ -161,6 +161,19 @@ max-width: 100vw; max-height: 100vh; 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 { @@ -274,8 +287,8 @@ @include fullwidth-gallery; video { - height: 100%; - width: 100%; + max-width: 100vw; + max-height: 80vh; z-index: 1; object-fit: cover; position: relative; |