From f1ab7cd43d8bbc91b747416f79d45165fc169a6b Mon Sep 17 00:00:00 2001 From: iris Date: Mon, 24 Aug 2026 00:44:16 +0200 Subject: [PATCH] fixup: Dialog overflows a phone-width viewport (mara) No sitewide box-sizing: border-box reset exists, so .ui-dialog's padding + border were adding on top of width: 90vw instead of being carved out of it -- 401px rendered against a 390px viewport, real horizontal overflow. Caught via a real 390x844 screenshot per mara's "phone size?" ask on the PR, not assumed. --- frontend/packages/swarm-ui/src/ui/dialog/Dialog.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/frontend/packages/swarm-ui/src/ui/dialog/Dialog.css b/frontend/packages/swarm-ui/src/ui/dialog/Dialog.css index 4feeaef4..ee4d4b96 100644 --- a/frontend/packages/swarm-ui/src/ui/dialog/Dialog.css +++ b/frontend/packages/swarm-ui/src/ui/dialog/Dialog.css @@ -3,6 +3,12 @@ column below its existing 16em-per-column threshold — see CreateAgentForm.css — so this doesn't need to special-case that). */ .ui-dialog { + /* No sitewide `box-sizing: border-box` reset exists — without this, + the padding + border below add ON TOP of `width: 90vw` rather than + being carved out of it, overflowing a real phone-width viewport + (measured: 401px rendered against a 390px viewport). Caught via a + real screenshot at 390px, not assumed. */ + box-sizing: border-box; position: relative; width: 90vw; max-width: 44em;