From 49bf241d0fa275053424db3458a057de7b9d418f Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Sat, 21 Nov 2020 16:44:07 +0100 Subject: messaging if rest of chapters are disabled. grayscale all disabled media --- .../frontend/app/views/viewer/player/player.transcript.js | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) (limited to 'animism-align/frontend/app/views/viewer/player/player.transcript.js') 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 1ce98ef..7a9d4aa 100644 --- a/animism-align/frontend/app/views/viewer/player/player.transcript.js +++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js @@ -4,7 +4,7 @@ import React, { Component } from 'react' import { connect } from 'react-redux' import actions from 'app/actions' -import { timestampToSeconds } from 'app/utils' +import { isHandheld, xor, timestampToSeconds } from 'app/utils' import ParagraphList from 'app/views/paragraph/components/paragraph.list' import { inlineComponents } from './components.inline' @@ -47,12 +47,20 @@ class PlayerTranscript extends Component { } handleScroll(e) { + if (isHandheld) { + const isScrolledPastIntro = this.containerRef.current.scrollTop > 100 + if (xor(this.props.viewer.navGradient, isScrolledPastIntro)) { + console.log('toggle nav gradient', isScrolledPastIntro) + actions.viewer.toggleNavGradient(isScrolledPastIntro) + } + } if (this.props.viewer.growlOpen) { actions.viewer.closeGrowl() if (this.props.viewer.currentSection.index === 0) { actions.audio.play() } } + } render() { -- cgit v1.2.3-70-g09d2