From ce82bb695e946e9ad923c5009480f19b65ab5b8b Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Thu, 8 May 2025 01:14:13 -0400
Subject: Apply rounded borders to inline code inside list elements.

There isn't a good way to target "any <code> not inside a <pre>" so we do a little reverse logic here, as a treat.
---
 ui/styles/messages.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'ui')

diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 61415e3..ce5809b 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -136,12 +136,17 @@
   text-decoration: underline;
 }
 
-.message-body p > code {
+.message-body code {
   white-space: pre-wrap;
   border: 1px solid #312e81;
   border-radius: 0.25rem;
 }
 
+.message-body pre > code {
+  white-space: none;
+  border: none;
+}
+
 /* For rendered message bodies: */
 .message-body blockquote {
   margin-left: 0.25rem;
-- 
cgit v1.2.3