diff --git a/.changeset/fast-shrimps-bow.md b/.changeset/fast-shrimps-bow.md new file mode 100644 index 00000000000..5ab95542a4f --- /dev/null +++ b/.changeset/fast-shrimps-bow.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Updated Page Header to only ensure no wrapping of the title when the title is relatively short diff --git a/polaris-react/src/components/Page/Page.stories.tsx b/polaris-react/src/components/Page/Page.stories.tsx index 7d0da252a16..03036f134b6 100644 --- a/polaris-react/src/components/Page/Page.stories.tsx +++ b/polaris-react/src/components/Page/Page.stories.tsx @@ -383,6 +383,65 @@ export function WithActionGroupsAndActions() { ); } +export function WithActionGroupsAndActionsAndLongTitle() { + return ( + {}, + }, + { + content: 'Confirm', + onAction: () => {}, + }, + { + content: 'Localize', + url: '/store/marcs-staffed-store/apps/translate-and-adapt/localize/email_template?id=10774151224&locale=fr', + }, + { + content: 'Manage payment reminders', + url: '/store/marcs-staffed-store/settings/notifications/payment_reminders', + }, + ]} + actionGroups={[ + { + title: 'Copy', + onClick: (openActions) => { + console.log('Copy action'); + openActions(); + }, + actions: [{content: 'Copy to clipboard'}], + }, + { + title: 'Promote', + disabled: true, + actions: [{content: 'Share on Facebook'}], + }, + { + title: 'Delete', + disabled: false, + actions: [{content: 'Delete or remove'}], + }, + { + title: 'Other actions', + actions: [ + {content: 'Duplicate'}, + {content: 'Print'}, + {content: 'Unarchive'}, + {content: 'Cancel order'}, + ], + }, + ]} + > + +

Credit card information

+
+
+ ); +} + export function WithContentAfterTitle() { return (