From bf00bd68bfaebb3e16fc55f133464e8c96b7aeec Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 21 Nov 2020 19:29:18 +0100
Subject: oops dont do that

---
 animism-align/frontend/app/views/viewer/player/player.fullscreen.css | 3 ++-
 animism-align/frontend/app/views/viewer/player/player.fullscreen.js  | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'animism-align')

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"
     }
-- 
cgit v1.2.3-70-g09d2