fullscreen fix

1 files changed, 5 insertions, 3 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 f339510..cacde49 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
@@ -130,12 +130,13 @@ class PlayerFullscreen extends Component {
     const { audio, media, currentSection, fullscreenVisible } = this.props
     const { play_ts, playing } = audio
     const { elements, persist, atChapterStart } = this.state
-    let className = "viewer-fullscreen";
+    let className = "viewer-fullscreen"
+    // console.log(elements.length && fullscreenVisible)
     if (elements.length) {
       className += " active"
     }
-    if (fullscreenVisible) {
-      className += " visible"
+    if (!fullscreenVisible) {
+      className += " hidden"
     }
     if (persist) {
       className += " persist"
@@ -144,6 +145,7 @@ class PlayerFullscreen extends Component {
       className += " seeked"
     }
     className += playing ? " playing" : " paused"
+    // console.log(className)
     return (
       <div className={className}>
         <TransitionGroup>