diff options
Diffstat (limited to 'animism-align/frontend/app')
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() { |