close fullscreen

1 files changed, 3 insertions, 2 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
index a4ea7d3..8727313 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
@@ -122,11 +122,11 @@ class PlayerFullscreen extends Component {
   }
 
   render() {
-    const { audio, media, currentSection } = this.props
+    const { audio, media, currentSection, fullscreenVisible } = this.props
     const { play_ts, playing } = audio
     const { elements, persist } = this.state
     let className = "viewer-fullscreen";
-    if (elements.length) {
+    if (elements.length && fullscreenVisible) {
       className += " active"
     }
     if (persist) {
@@ -196,6 +196,7 @@ const FirstChild = (props) => {
 const mapStateToProps = state => ({
   currentSection: state.viewer.currentSection,
   isFullscreen: state.viewer.isFullscreen,
+  fullscreenVisible: state.viewer.fullscreenVisible,
   audio: state.audio,
   media: state.media.index,
   timeline: state.viewer.currentSection ? state.viewer.currentSection.fullscreenTimeline : [],