From 35f8566a45cf4174d45368008e09fe42e1af43e6 Mon Sep 17 00:00:00 2001 From: Philip Zeyliger Date: Thu, 15 Jan 2026 15:55:08 -0800 Subject: [PATCH] shelley: ui: prevent screenshots from scaling beyond 100% Prompt: When shelley shows a screenshot, it takes up the whole width, even if that means scaling up the image more than 100%. I think that's wrong; we should max out at 100% scaling if possible. Add width: fit-content to .screenshot-tool-image-container so it shrinks to the image's natural size. The max-width: 100% ensures it still doesn't overflow on narrow screens. This prevents small screenshots from being stretched to fill the entire width of the message area. Co-authored-by: Shelley --- ui/src/styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/ui/src/styles.css b/ui/src/styles.css index 74d26b843360da29afcaef6c190bed195de38881..1e990c5eaded225d3ca1b34bb0a333cc36fb8121 100644 --- a/ui/src/styles.css +++ b/ui/src/styles.css @@ -1559,6 +1559,8 @@ button { border-radius: 0.25rem; overflow: hidden; background: var(--bg-base); + width: fit-content; + max-width: 100%; } .screenshot-tool-image-container a {