From 63381edfb0ecd030016ee1020d5e8aafc4d95dbb Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 30 Oct 2020 17:11:15 +0100
Subject: padding and stuff

---
 .../frontend/app/views/viewer/player/player.transcript.js          | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(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 a5e4d12..44c5bb2 100644
--- a/animism-align/frontend/app/views/viewer/player/player.transcript.js
+++ b/animism-align/frontend/app/views/viewer/player/player.transcript.js
@@ -56,10 +56,13 @@ class PlayerTranscript extends Component {
   }
 
   render() {
-    const { paragraphs, color } = this.props.section
+    const { paragraphs, color, inlineParagraphCount } = this.props.section
+    const className = "player-transcript " + color + " " + (
+      inlineParagraphCount > 2 ? 'scrollable' : ''
+    )
     return (
       <div
-        className={"player-transcript " + color}
+        className={className}
         ref={this.containerRef}
         onScroll={this.handleScroll}
       >
-- 
cgit v1.2.3-70-g09d2