From 08aee4b704985469f894d9bbbc91d1801ebf4c7a Mon Sep 17 00:00:00 2001 From: iris Date: Sun, 13 Sep 2026 22:01:40 +0200 Subject: [PATCH] swarm-ui: fix agent term preview box-sizing causing content to bleed past its wrap --- .../swarm-ui/src/pages/agents/AgentTermPreview.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/frontend/packages/swarm-ui/src/pages/agents/AgentTermPreview.css b/frontend/packages/swarm-ui/src/pages/agents/AgentTermPreview.css index 069ff99c..60f73352 100644 --- a/frontend/packages/swarm-ui/src/pages/agents/AgentTermPreview.css +++ b/frontend/packages/swarm-ui/src/pages/agents/AgentTermPreview.css @@ -16,6 +16,17 @@ max-height: 12em; } +/* `box-sizing: border-box`, not the browser's default `content-box` — + `.live.terminal`'s own `padding: 0.8em 1em 0.4em` (terminal.css) is + otherwise added ON TOP of this `max-height`, so the box renders + ~1.2em taller than intended and spills past `.terminal-wrap`'s own + `max-height` above (which has no padding of its own to inflate it) + since `.terminal-wrap` has no `overflow: hidden` to catch the excess + — mara: "the terminal text bleeds out at the bottom of the terminal". + Confirmed via measured `clientHeight` (194px vs the wrap's 177px, a + ~17px gap matching 1.2em at this font size) before this fix, not + just reasoning about the CSS. */ .ui-agent-term-preview-wrap .live.terminal { max-height: 12em; + box-sizing: border-box; }