From e9e753640f1c96ffaf91b35cfc46126fcdb15e2f Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 12 Nov 2020 18:44:08 +0100
Subject: better control over cover image

---
 .../views/viewer/player/components.fullscreen/fullscreen.utility.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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

diff --git a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.utility.js b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.utility.js
index 5ec4833..02a9525 100644
--- a/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.utility.js
+++ b/animism-align/frontend/app/views/viewer/player/components.fullscreen/fullscreen.utility.js
@@ -12,9 +12,11 @@ export const FullscreenCurtain = ({ element, transitionDuration }) => {
     transitionDuration,
   }
   console.log(element)
-  const curtainBackground = element.mediaItem && {
+  const curtainBackground = (element.cover_style !== "hidden" && !!element.mediaItem) && {
     backgroundImage: 'url(' + (displayThumbnailURL(element.mediaItem)) + ')',
+    backgroundSize: element.cover_style,
   }
+
   let texts = []
   // console.log(element)
   switch (element.settings.curtain_style) {
@@ -46,7 +48,7 @@ export const FullscreenCurtain = ({ element, transitionDuration }) => {
   }
   return (
     <div className='fullscreen-element curtain' style={style}>
-      {element.mediaItem && (
+      {curtainBackground && (
         <div className='curtain-background' style={curtainBackground} />
       )}
       <div className='curtain-text'>
-- 
cgit v1.2.3-70-g09d2