about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2018-04-09 00:42:26 +0200
committerThibaut Girka <thib@sitedethib.com>2018-04-09 01:08:51 +0200
commit9073687f66a8e82d19a56ec85eef2c27f63412dc (patch)
tree62ab3b002ffd0bfb8c2c65354090040ce4760634 /app/javascript/flavours/glitch/styles/components
parent101e6564fde67e233c76df3d848d269ab28217d3 (diff)
[Glitch] Fix video player height
Port 31e7b7308489ecc8b43f83b78ec0a288c4195d5b to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
-rw-r--r--app/javascript/flavours/glitch/styles/components/media.scss17
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;