From 5bbb92e4887e52889f90dd0453fec0fd41a5d8ed Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 22 Sep 2020 16:17:28 +0200 Subject: gallery arrow colors on black bg --- .../app/views/viewer/player/components.inline/inline.video.js | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 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 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', + }} /> -- cgit v1.2.3-70-g09d2