fullscreen fix

4 files changed, 9 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 7d1fef2..36393df 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.chrome.js
@@ -68,7 +68,7 @@ class EfluxChrome extends Component {
     if (navGradient) className += ' gradient'
     if (transcriptOpen) className += ' transcript-open'
     if (isFullscreen) className += ' is-fullscreen'
-    console.log(isFullscreen, fullscreenVisible, isFullscreenSingleton)
+    // console.log(isFullscreen, fullscreenVisible, isFullscreenSingleton)
     const fullscreenWantsCloseButton = isFullscreen && fullscreenVisible && !isFullscreenSingleton
     return (
       <div className={className}>
diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
index 75a08a6..565fe93 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -20,11 +20,9 @@
   opacity: 1.0;
   transition: opacity 0.5s;
 }
-.viewer-fullscreen.active.playing {
-  pointer-events: auto;
-  user-select: auto;
-  opacity: 1.0;
-  transition: opacity 0.5s;
+.viewer-fullscreen.active.hidden,
+.viewer-fullscreen.active.playing.hidden {
+  opacity: 0.0;
 }
 
 /* transitions */
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>
diff --git a/animism-align/frontend/app/views/viewer/player/player.transcript.js b/animism-align/frontend/app/views/viewer/player/player.transcript.js
index 4f3361b..7882ef0 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.js
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js
@@ -81,7 +81,6 @@ class PlayerTranscript extends Component {
         actions.audio.play()
       }
     }
-
   }
 
   render() {