From 6dea2acdf558f39c868be92c5657190d9fb6bd46 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 28 Aug 2020 18:02:05 +0200
Subject: transcript UX

---
 .../app/views/viewer/player/components.inline/inline.video.js    | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js')

diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
index 3e70b24..a1dc344 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.video.js
@@ -11,12 +11,15 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, currentAnnotati
   const className = currentParagraph ? 'media video current' : 'media video'
   const annotation = paragraph.annotations[0]
   const item = media.lookup[annotation.settings.media_id]
+  if (!item) return <div>Media not found: {annotation.settings.media_id}</div>
   const color = CURTAIN_COLOR_LOOKUP[annotation.settings.color] || CURTAIN_COLOR_LOOKUP.white
+  const width = window.innerWidth
+  const height = window.innerHeight * 0.8
   const style = {
     backgroundColor: color.backgroundColor,
     color: color.textColor,
+    height: height + 32
   }
-  if (!item) return <div>Media not found: {annotation.settings.media_id}</div>
   // console.log(annotation.settings)
   return (
     <div
@@ -29,8 +32,8 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, currentAnnotati
           muted
           controls={false}
           byline={false}
-          width={window.innerWidth}
-          height={window.innerHeight * 0.8}
+          width={width}
+          height={height}
         />
       </div>
       <MediaCitation media={item} />
-- 
cgit v1.2.3-70-g09d2