oops dont do that

2 files changed, 6 insertions, 2 deletions

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 c049650..cf3c697 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -7,18 +7,19 @@
   overflow: hidden;
   pointer-events: none;
   user-select: none;
-  transition: opacity 0.5s;
   opacity: 0.0;
 }
 .viewer-fullscreen.active {
   pointer-events: auto;
   user-select: auto;
   opacity: 1.0;
+  transition: opacity 0.5s;
 }
 .viewer-fullscreen.active.playing {
   pointer-events: auto;
   user-select: auto;
   opacity: 1.0;
+  transition: opacity 0.5s;
 }
 
 /* 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 db5bd8d..04421de 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.js
@@ -126,9 +126,12 @@ class PlayerFullscreen extends Component {
     const { play_ts, playing } = audio
     const { elements, persist } = this.state
     let className = "viewer-fullscreen";
-    if (elements.length && fullscreenVisible) {
+    if (elements.length) {
       className += " active"
     }
+    if (fullscreenVisible) {
+      className += " visible"
+    }
     if (persist) {
       className += " persist"
     }