From 5bbb92e4887e52889f90dd0453fec0fd41a5d8ed Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 22 Sep 2020 16:17:28 +0200
Subject: gallery arrow colors on black bg

---
 animism-align/frontend/app/utils/vendor/vimeo/index.js         |  1 +
 .../views/viewer/player/components.inline/inline.gallery.js    |  2 +-
 .../app/views/viewer/player/components.inline/inline.video.js  | 10 ++++++++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/animism-align/frontend/app/utils/vendor/vimeo/index.js b/animism-align/frontend/app/utils/vendor/vimeo/index.js
index 42b40a6..68363e3 100644
--- a/animism-align/frontend/app/utils/vendor/vimeo/index.js
+++ b/animism-align/frontend/app/utils/vendor/vimeo/index.js
@@ -371,6 +371,7 @@ Vimeo.defaultProps = {
   showTitle: true,
   muted: false,
   background: false,
+  poster: null,
   responsive: false,
 };
 
diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
index 647b545..61dd4e8 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.gallery.js
@@ -46,7 +46,7 @@ export const InlineCarousel = ({ paragraph, media, onAnnotationClick }) => {
 
   return (
     <div
-      className='inline-element media carousel'
+      className={'inline-element media carousel ' + color.label}
     >
       <div style={style} className='carousel-container'>
         <Carousel media={item} />
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 039b2dd..050ade5 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
@@ -16,9 +16,9 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli
   const width = window.innerWidth
   const height = window.innerHeight - (17 * 16)
   const style = {
-    backgroundColor: color.backgroundColor,
     color: color.textColor,
-    height: height + 32
+    height: height + 32,
+    backgroundColor: color.backgroundColor,
   }
   // console.log(annotation.settings)
   return (
@@ -33,6 +33,12 @@ export const MediaVideo = ({ paragraph, media, currentParagraph, onAnnotationCli
           responsive={true}
           controls={false}
           byline={false}
+          style={{
+            backgroundImage: 'url(' + item.settings.video.thumbnail_url + ')',
+            backgroundSize: '50%',
+            backgroundPosition: 'center center',
+            backgroundRepeat: 'no-repeat',
+          }}
         />
       </div>
       <MediaCitation media={item} />
-- 
cgit v1.2.3-70-g09d2