vinzenz/hyperhive
vinzenz/hyperhive
Watch
0
0
Fork
You've already forked hyperhive
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixup: Dialog overflows a phone-width viewport (mara)

Browse source 
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.
This commit is contained in:
iris 2026-08-24 00:44:16 +02:00
commit f1ab7cd43d
1 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/packages/swarm-ui/src/ui/dialog/Dialog.css
View file

@ -3,6 +3,12 @@
column below its existing 16em-per-column threshold — see column below its existing 16em-per-column threshold — see
CreateAgentForm.css — so this doesn't need to special-case that). */ CreateAgentForm.css — so this doesn't need to special-case that). */
.ui-dialog { .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; position: relative;
width: 90vw; width: 90vw;
max-width: 44em; max-width: 44em;