From b0b40ca93e9cfb668deacfe4c99662ceca0d2624 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Thu, 12 Oct 2023 06:49:38 +0300
Subject: [PATCH] UBER-1039: Codeblock style fixes. (#3829)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
packages/presentation/src/components/message/Nodes.svelte | 2 +-
packages/theme/styles/prose.scss | 6 ++++--
2 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/packages/presentation/src/components/message/Nodes.svelte b/packages/presentation/src/components/message/Nodes.svelte
index 262eef4e2f..d241448958 100644
--- a/packages/presentation/src/components/message/Nodes.svelte
+++ b/packages/presentation/src/components/message/Nodes.svelte
@@ -75,7 +75,7 @@
{:else if node.nodeName === 'BLOCKQUOTE'}
<blockquote><svelte:self nodes={node.childNodes} /></blockquote>
{:else if node.nodeName === 'CODE'}
- <code class="proseCode"><svelte:self nodes={node.childNodes} /></code>
+ <pre class="proseCode"><svelte:self nodes={node.childNodes} /></pre>
{:else if node.nodeName === 'PRE'}
<pre class="proseCodeBlock"><svelte:self nodes={node.childNodes} /></pre>
{:else if node.nodeName === 'BR'}
diff --git a/packages/theme/styles/prose.scss b/packages/theme/styles/prose.scss
index bd655b3642..bc4fe50511 100644
--- a/packages/theme/styles/prose.scss
+++ b/packages/theme/styles/prose.scss
@@ -47,6 +47,8 @@ table.proseTable {
}
.proseCode {
+ display: inline-block;
+ margin: 0;
padding: 0 .25rem;
font-family: var(--mono-font);
color: var(--theme-content-color);
@@ -63,11 +65,11 @@ table.proseTable {
border-radius: .25rem;
padding: .5rem;
- code { white-space: normal; }
+ pre { white-space: pre-wrap; }
}
// Fixes for MessageViewer
-pre.proseCodeBlock > code.proseCode {
+pre.proseCodeBlock > pre.proseCode {
padding: 0;
background-color: transparent;
border: none;