fix: break word for long word in editor

fixes #47
byteyilabs · Jul 10, 2020 · b1f7f91 · b1f7f91
1 parent 3e089fa
commit b1f7f91
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/common/components/MarkdownEditor/index.js b/packages/common/components/MarkdownEditor/index.js
@@ -25,6 +25,7 @@ export const StyledTextArea = styled(Grid)`
     min-height: ${EDITOR_MIN_WIDTH}px;
     border: none;
     outline: none;
+    word-break: break-word;
   }
 
   & div.markdown-body {

diff --git a/packages/common/components/MarkdownViewer/styled.js b/packages/common/components/MarkdownViewer/styled.js
@@ -5,6 +5,7 @@ export const StyledMarkdownBody = styled.div`
   width: -webkit-fill-available;
   width: -moz-available;
   word-break: break-all;
+  word-break: break-word;
 
   &.markdown-body .octicon {
     display: inline-block;