From 77731f6ca073c6cf5e2fef45d5fcfd07c7909b70 Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam@urizen.co>
Date: Wed, 17 Jun 2020 16:08:32 +1000
Subject: [PATCH] chat: scroll on code overflow

Adds a scroll container if code is posted and the code will overflow the
width of the page.

Fixes #2829
---
 pkg/interface/src/apps/chat/components/lib/message.js | 2 +-
 pkg/interface/src/apps/chat/css/custom.css            | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/pkg/interface/src/apps/chat/components/lib/message.js b/pkg/interface/src/apps/chat/components/lib/message.js
index 3c71544f43..0a7bc45a92 100644
--- a/pkg/interface/src/apps/chat/components/lib/message.js
+++ b/pkg/interface/src/apps/chat/components/lib/message.js
@@ -154,7 +154,7 @@ export class Message extends Component {
       );
     } else {
         return (
-          <section>
+          <section className="chat-md-message">
             <MessageMarkdown
               source={letter.text}
             />
diff --git a/pkg/interface/src/apps/chat/css/custom.css b/pkg/interface/src/apps/chat/css/custom.css
index 352981d4f2..b2a73dbecd 100644
--- a/pkg/interface/src/apps/chat/css/custom.css
+++ b/pkg/interface/src/apps/chat/css/custom.css
@@ -60,6 +60,10 @@ h2 {
   line-height: 16px;
 }
 
+.chat-md-message > pre {
+  overflow-x: auto;
+}
+
 .mono {
   font-family: "Source Code Pro", monospace;
 }