swarm-ui: fix agent term preview box-sizing causing content to bleed past its wrap
This commit is contained in:
parent
8db1e61cd3
commit
08aee4b704
1 changed files with 11 additions and 0 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue