1 files changed, 14 insertions, 10 deletions
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 00851be..5f26e21 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
@@ -50,6 +50,7 @@ class EfluxChrome extends Component {
       actions.audio.pause()
     }
     this.handleMouseLeave('close')
+    this.handleMouseLeave('eflux')
   }
   componentDidUpdate(prevProps) {
     if (this.props.playing !== prevProps.playing) {
@@ -110,12 +111,14 @@ class EfluxChrome extends Component {
         {fullscreenWantsCloseButton && isHandheld && this.renderCloseButton()}
         <div className="eflux-nav">
           {fullscreenWantsCloseButton && !isHandheld && this.renderCloseButton()}
-          <span
-            onMouseEnter={() => this.handleMouseEnter('play')}
-            onMouseLeave={() => this.handleMouseLeave('play')}
-          >
-            <PlayButton playing={playing} onClick={this.handleToggle} />
-          </span>
+          {!videoModalOpen && (
+            <span
+              onMouseEnter={() => this.handleMouseEnter('play')}
+              onMouseLeave={() => this.handleMouseLeave('play')}
+            >
+              <PlayButton playing={playing} onClick={this.handleToggle} />
+            </span>
+          )}
           <div
             className="transcript-icon"
             onMouseEnter={() => this.handleMouseEnter('transcript')}
@@ -130,7 +133,7 @@ class EfluxChrome extends Component {
           ? "growl-tooltip tooltip-close hover"
           : "growl-tooltip tooltip-close"
         }>
-          {videoModalOpen ? 'Close video' : 'Close fullscreen player'}
+          {'Close fullscreen player'}
         </div>
         <div className={
           this.state.eflux
@@ -144,7 +147,7 @@ class EfluxChrome extends Component {
           ? "growl-tooltip tooltip-play hover"
           : "growl-tooltip tooltip-play"
         }>
-          {this.state.playMessage}
+          {videoModalOpen ? 'Close video' : this.state.playMessage}
         </div>
         <div className={
             this.state.transcript
@@ -159,11 +162,12 @@ class EfluxChrome extends Component {
     )
   }
   renderCloseButton() {
+    const { videoModalOpen } = this.props
     return (
       <div
         className="fullscreen-close"
-        onMouseEnter={() => this.handleMouseEnter('close')}
-        onMouseLeave={() => this.handleMouseLeave('close')}
+        onMouseEnter={() => this.handleMouseEnter(videoModalOpen ? 'play' : 'close')}
+        onMouseLeave={() => this.handleMouseLeave(videoModalOpen ? 'play' : 'close')}
         onClick={this.handleClose}
       >
         {EfluxClose}