swarm-ui: fix agent term preview box-sizing causing content to bleed past its wrap

This commit is contained in:
iris 2026-09-13 22:01:40 +02:00
commit 08aee4b704

View file

@ -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;
}