From 77ecf505d04adfc63376059fb875af300064d47b Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 21 Nov 2020 20:11:08 +0100
Subject: fix fades

---
 animism-align/frontend/app/views/viewer/nav/eflux.chrome.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'animism-align/frontend/app/views/viewer/nav')

diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
index bc7e4e7..d2462b2 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
@@ -59,7 +59,7 @@ class EfluxChrome extends Component {
     const {
       navStyle, navGradient,
       playing, transcriptOpen,
-      isFullscreen, fullscreenVisible,
+      isFullscreen, fullscreenVisible, isFullscreenSingleton,
       growlOpen, growlMessage,
       atEndOfSection, currentSection
     } = this.props
@@ -68,6 +68,7 @@ class EfluxChrome extends Component {
     if (navGradient) className += ' gradient'
     if (transcriptOpen) className += ' transcript-open'
     if (isFullscreen) className += ' is-fullscreen'
+    const fullscreenWantsCloseButton = isFullscreen && fullscreenVisible && !isFullscreenSingleton
     return (
       <div className={className}>
         <div className="eflux-gradient" />
@@ -83,9 +84,9 @@ class EfluxChrome extends Component {
         <div className={growlOpen ? "growl-tooltip growl-message open" : "growl-tooltip growl-message"}>
           {growlMessage}
         </div>
-        {isFullscreen && fullscreenVisible && isHandheld && this.renderCloseButton()}
+        {fullscreenWantsCloseButton && isHandheld && this.renderCloseButton()}
         <div className="eflux-nav">
-          {isFullscreen && fullscreenVisible && !isHandheld && this.renderCloseButton()}
+          {fullscreenWantsCloseButton && !isHandheld && this.renderCloseButton()}
           <span
             onMouseEnter={() => this.handleMouseEnter('play')}
             onMouseLeave={() => this.handleMouseLeave('play')}
-- 
cgit v1.2.3-70-g09d2