inverse overlay, growl, fix next button when nav open

1 files changed, 9 insertions, 2 deletions

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 17218d5..cee70a8 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.js
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js
@@ -14,6 +14,7 @@ class PlayerTranscript extends Component {
     this.handleClose = this.handleClose.bind(this)
     this.handleAnnotationClick = this.handleAnnotationClick.bind(this)
     this.handleParagraphDoubleClick = this.handleParagraphDoubleClick.bind(this)
+    this.handleScroll = this.handleScroll.bind(this)
     this.containerRef = React.createRef()
   }
 
@@ -37,10 +38,16 @@ class PlayerTranscript extends Component {
   handleClose() {
   }
 
+  handleScroll(e) {
+    if (this.props.viewer.growlOpen) {
+      actions.viewer.closeGrowl()
+    }
+  }
+
   render() {
     const { paragraphs } = this.props.section
     return (
-      <div className="player-transcript" ref={this.containerRef}>
+      <div className="player-transcript" ref={this.containerRef} onScroll={this.handleScroll}>
         <div className='content'>
           <ParagraphList
             paragraphs={paragraphs}
@@ -55,7 +62,7 @@ class PlayerTranscript extends Component {
 }
 
 const mapStateToProps = state => ({
-  // viewer: state.viewer,
+  viewer: state.viewer,
 })
 
 const mapDispatchToProps = dispatch => ({