From 6e660d11c981d2341b4ab24672a96ef7b1511171 Mon Sep 17 00:00:00 2001 From: Debanjum Singh Solanky Date: Thu, 12 Sep 2024 16:27:55 -0700 Subject: [PATCH] Override block display styling of links by Katex in chat messages This happens sometimes when LLM respons contains [\[1\]] kind of links as reference. Both markdown-it and katex apply styling. Katex's span uses display: block which makes the rendering of these references take up a whole line by themselves. Override block styling of spans within an `a' element to prevent such chat message styling issues --- .../web/app/components/chatMessage/chatMessage.module.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/interface/web/app/components/chatMessage/chatMessage.module.css b/src/interface/web/app/components/chatMessage/chatMessage.module.css index e0dd31ac..7890fc2b 100644 --- a/src/interface/web/app/components/chatMessage/chatMessage.module.css +++ b/src/interface/web/app/components/chatMessage/chatMessage.module.css @@ -18,6 +18,11 @@ div.chatMessageWrapper p:not(:last-child) { margin-bottom: 16px; } +/* Override some link styling by Katex to improve rendering */ +div.chatMessageWrapper a span { + display: revert !important; +} + div.khojfullHistory { border-width: 1px; padding-left: 4px;