From 48158803a650c62aaa0554dc68faca256624e122 Mon Sep 17 00:00:00 2001
From: Jonathan Zernik <yzernik@gmail.com>
Date: Sat, 25 Jul 2020 20:25:14 -0700
Subject: [PATCH] Fix multiline text content in squeak thread item component
 (#144)

---
 .../src/components/SqueakThreadItem/SqueakThreadItem.js     | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/react-material-admin/src/components/SqueakThreadItem/SqueakThreadItem.js b/frontend/react-material-admin/src/components/SqueakThreadItem/SqueakThreadItem.js
index 279703bb..a56296da 100644
--- a/frontend/react-material-admin/src/components/SqueakThreadItem/SqueakThreadItem.js
+++ b/frontend/react-material-admin/src/components/SqueakThreadItem/SqueakThreadItem.js
@@ -81,7 +81,11 @@ export default function SqueakThreadItem({
             alignItems="flex-start"
           >
           <Grid item>
-            <Typography size="md">{squeak.getContentStr()}</Typography>
+            <Typography
+              size="md"
+              style={{whiteSpace: 'pre-line', overflow: "hidden", textOverflow: "ellipsis", height: '6rem'}}
+              >{squeak.getContentStr()}
+            </Typography>
           </Grid>
           </Grid>
           <Grid