diff options
| author | Kit La Touche <kit@transneptune.net> | 2024-11-11 15:48:35 -0500 |
|---|---|---|
| committer | Kit La Touche <kit@transneptune.net> | 2024-11-11 15:48:35 -0500 |
| commit | 09f1e9355dbe28b49c26cbee0de69d7ca50fd8b3 (patch) | |
| tree | bf5ed3fa562497886c9d273c8a1ac8537621bacb /ui | |
| parent | 87ce64f8044105087366fbc768d3fd6edb838073 (diff) | |
Style blockquotes
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/lib/components/Message.svelte | 8 |
1 files changed, 6 insertions, 2 deletions
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; } |