From 52ac27a9d44e1d7b54c91ade517344517350a522 Mon Sep 17 00:00:00 2001 From: JakeSCahill Date: Thu, 6 Aug 2026 09:15:35 +0100 Subject: [PATCH] fix(chat-panel): constrain images in Kapa answers to panel width Kapa recently launched image support in answers. Images rendered at natural width with no limit, stretching the answer column and clipping content on the right. Add max-width: 100% / height: auto under #chat-panel-kapa-root in both the main chat panel CSS and the Bump.sh widget CSS, per Kapa's recommended fix. Co-Authored-By: Claude Fable 5 --- src/css/chat-panel-bump.css | 6 ++++++ src/css/chat-panel.css | 6 ++++++ 2 files changed, 12 insertions(+) diff --git a/src/css/chat-panel-bump.css b/src/css/chat-panel-bump.css index e2ea24be..a4dcd501 100644 --- a/src/css/chat-panel-bump.css +++ b/src/css/chat-panel-bump.css @@ -241,6 +241,12 @@ margin: 0; } +/* Images - constrain to the panel width (Kapa answers can include images) */ +#chat-panel-kapa-root img { + max-width: 100%; + height: auto; +} + #chat-panel-kapa-root .answer ul, #chat-panel-kapa-root .answer ol { margin: 8px 0; diff --git a/src/css/chat-panel.css b/src/css/chat-panel.css index 695a9f02..c650c2a2 100644 --- a/src/css/chat-panel.css +++ b/src/css/chat-panel.css @@ -241,6 +241,12 @@ margin: 0; } +/* Images - constrain to the panel width (Kapa answers can include images) */ +#chat-panel-kapa-root img { + max-width: 100%; + height: auto; +} + #chat-panel-kapa-root .answer ul, #chat-panel-kapa-root .answer ol { margin: 8px 0;