From 09f1e9355dbe28b49c26cbee0de69d7ca50fd8b3 Mon Sep 17 00:00:00 2001 From: Kit La Touche Date: Mon, 11 Nov 2024 15:48:35 -0500 Subject: Style blockquotes --- ui/lib/components/Message.svelte | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'ui/lib/components/Message.svelte') diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte index ae2bdf9..04cbe5b 100644 --- a/ui/lib/components/Message.svelte +++ b/ui/lib/components/Message.svelte @@ -37,8 +37,12 @@ content: '.'; visibility: hidden; } - .message-body blockquote { - border-left: 0.25rem solid gray !important; + /* Without the global selector, the Svelte CSS compiler will see this as + * unused, and purge it from the output. However, this is "plausibly used" + * because it may occur in renderedBody. + */ + :global(.message-body blockquote) { + border-left: 0.25rem solid lightgrey; margin-left: 0.5rem; padding-left: 0.5rem; } -- cgit v1.2.3