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
This commit is contained in:
Liam Fitzgerald 2020-06-17 16:08:32 +10:00
parent a2970ce929
commit 77731f6ca0
2 changed files with 5 additions and 1 deletions

View File

@ -154,7 +154,7 @@ export class Message extends Component {
);
} else {
return (
<section>
<section className="chat-md-message">
<MessageMarkdown
source={letter.text}
/>

View File

@ -60,6 +60,10 @@ h2 {
line-height: 16px;
}
.chat-md-message > pre {
overflow-x: auto;
}
.mono {
font-family: "Source Code Pro", monospace;
}