Modernize DeliveryIssueDialog, fix outline clipping in Modal
This commit is contained in:
parent
21ffb7c054
commit
bcb9d2d2f3
16 changed files with 154 additions and 127 deletions
|
@ -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}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue