Fix Dialog grid iphone

[snowystinger]

Closes
Found during testing

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

🧢 Your Project:

[adobe-bot]

Build successful! 🎉

• View the storybook
• View the storybook-16
• View the documentation

[ktabors]

Should we remove these lines?

react-spectrum/packages/@adobe/spectrum-css-temp/components/dialog/index.css

Lines 393 to 433 in 6510792

	.spectrum-Dialog--fullscreen,
	.spectrum-Dialog--fullscreenTakeover {
	&.spectrum-Dialog .spectrum-Dialog-grid {
	display: grid;
	grid-template-columns: var(--spectrum-dialog-padding-x) 1fr var(--spectrum-dialog-padding-x);
	grid-template-rows: var(--spectrum-dialog-padding-y) auto auto auto 1fr auto var(--spectrum-dialog-padding-y);
	grid-template-areas:
	". . ."
	". heading ."
	". header ."
	". divider ."
	". content ."
	". buttonGroup ."
	". . .";
	}
	.spectrum-Dialog-heading {
	&.spectrum-Dialog-heading--noHeader,
	&.spectrum-Dialog-heading--noTypeIcon {
	grid-area: heading;
	}
	/* there will never be a typeIcon here */
	&.spectrum-Dialog-heading--noHeader.spectrum-Dialog-heading--noTypeIcon {
	grid-area: heading;
	}
	}
	.spectrum-Dialog-header {
	&.spectrum-Dialog-header--noTypeIcon {
	grid-area: header;
	}
	}
	.spectrum-Dialog-buttonGroup {
	padding-block-start: var(--spectrum-global-dimension-static-size-500);
	}
	.spectrum-Dialog-heading {
	font-size: var(--spectrum-dialog-title-text-size);
	}
	}

They exist for 400% which your media query satisfies, but they might be useful for edge cases like a tall skinny browser inside a desktop application like photoshop.

[snowystinger]

I think they should stay, it's really about the limited width, mine just makes sure the height one doesn't override the width one

[reidbarber]

LGTM