Modernize DeliveryIssueDialog, fix outline clipping in Modal

This commit is contained in:
Scott Nonnenberg 2021-08-02 14:19:18 -07:00 committed by GitHub
parent 21ffb7c054
commit bcb9d2d2f3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
16 changed files with 154 additions and 127 deletions

View file

@ -32,6 +32,18 @@ story.add('Bare bones, long', () => (
</Modal>
));
story.add('Bare bones, long, with button', () => (
<Modal i18n={i18n}>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<Modal.ButtonFooter>
<Button onClick={noop}>Okay</Button>
</Modal.ButtonFooter>
</Modal>
));
story.add('Title, X button, body, and button footer', () => (
<Modal i18n={i18n} title="Hello world" onClose={onClose} hasXButton>
{LOREM_IPSUM}
@ -69,6 +81,18 @@ story.add('Long body with title', () => (
</Modal>
));
story.add('Long body with title and button', () => (
<Modal i18n={i18n} title="Hello world" onClose={onClose}>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<p>{LOREM_IPSUM}</p>
<Modal.ButtonFooter>
<Button onClick={noop}>Okay</Button>
</Modal.ButtonFooter>
</Modal>
));
story.add('Long body with long title and X button', () => (
<Modal
i18n={i18n}