From e82390a32af1a474d9a6b4c6ba66787a98bc71c5 Mon Sep 17 00:00:00 2001 From: Alban Bailly Date: Wed, 21 Jun 2023 12:08:28 -0400 Subject: [PATCH 1/3] Fix: [M3-6683] Remove min-width for confirmation modal --- .../src/components/ConfirmationDialog/ConfirmationDialog.tsx | 3 --- 1 file changed, 3 deletions(-) diff --git a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx index 8b367d1460c..880d95a525f 100644 --- a/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx +++ b/packages/manager/src/components/ConfirmationDialog/ConfirmationDialog.tsx @@ -9,9 +9,6 @@ import { DialogTitle } from 'src/components/DialogTitle/DialogTitle'; const useStyles = makeStyles()((theme: Theme) => ({ root: { - '& .MuiPaper-root': { - minWidth: 480, - }, '& .MuiDialogTitle-root': { marginBottom: 10, }, From e4919489a9b7db7fb2fb7844d6b19ac2005d401f Mon Sep 17 00:00:00 2001 From: Alban Bailly Date: Wed, 21 Jun 2023 12:14:12 -0400 Subject: [PATCH 2/3] Fix: [M3-6683] Improve modal title line height --- packages/manager/src/components/DialogTitle/DialogTitle.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/manager/src/components/DialogTitle/DialogTitle.tsx b/packages/manager/src/components/DialogTitle/DialogTitle.tsx index 1065d8c2aa7..bebac78b61e 100644 --- a/packages/manager/src/components/DialogTitle/DialogTitle.tsx +++ b/packages/manager/src/components/DialogTitle/DialogTitle.tsx @@ -43,6 +43,7 @@ const DialogTitle = (props: DialogTitleProps) => { justifyContent: 'space-between', position: 'relative', width: '100%', + lineHeight: '1.5rem', }} > {title} From 971ce5bbf2c50362f693538a7f453eea0292f917 Mon Sep 17 00:00:00 2001 From: Alban Bailly Date: Wed, 21 Jun 2023 12:16:51 -0400 Subject: [PATCH 3/3] Added changeset: Fix confirmation modal overflow on mobile --- packages/manager/.changeset/pr-9289-fixed-1687364211275.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 packages/manager/.changeset/pr-9289-fixed-1687364211275.md diff --git a/packages/manager/.changeset/pr-9289-fixed-1687364211275.md b/packages/manager/.changeset/pr-9289-fixed-1687364211275.md new file mode 100644 index 00000000000..eb0de60797f --- /dev/null +++ b/packages/manager/.changeset/pr-9289-fixed-1687364211275.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Fixed +--- + +Fix confirmation modal overflow on mobile ([#9289](https://github.com/linode/manager/pull/9289))