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.
This commit is contained in:
parent
4fd6480c9c
commit
f1ab7cd43d
1 changed files with 6 additions and 0 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue