From 64d6bd6e4e6d4dbd9a96682caebd6a53206ebf0a Mon Sep 17 00:00:00 2001
From: Ian Mah <ian.mah@hootsuite.com>
Date: Thu, 28 May 2020 18:21:26 -0700
Subject: Restrict width to preview pane

---
 frontend/src/components/renderers/Markdown.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'frontend/src')

diff --git a/frontend/src/components/renderers/Markdown.js b/frontend/src/components/renderers/Markdown.js
index cbc8dad..81ffa67 100644
--- a/frontend/src/components/renderers/Markdown.js
+++ b/frontend/src/components/renderers/Markdown.js
@@ -1,14 +1,24 @@
 import React from 'react';
 import marked from 'marked';
+import styled from 'styled-components'
+
+const Content = styled.div`
+    max-width: 100%;
+    overflow-wrap: anywhere;
+    img {
+        max-width: 100%;
+    }
+`
 
 const getHtml = (markdown) => {
-    const rawMarkup = marked(markdown, {sanitize: true})
+    const rawMarkup = marked(markdown)
+    console.log(rawMarkup)
     return {__html: rawMarkup}
 }
 
 const Markdown = (props) => {
     const dangerousHtml = getHtml(props.content)
-    return <div dangerouslySetInnerHTML={dangerousHtml} />;
+    return <Content dangerouslySetInnerHTML={dangerousHtml} />;
 }
 
 export default Markdown
\ No newline at end of file
-- 
cgit v1.2.3