better control over cover image

1 files changed, 4 insertions, 2 deletions

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'>