From 3638455abb62018f12e73b626d12c079b9c84279 Mon Sep 17 00:00:00 2001 From: Alex <33497058+bexsoft@users.noreply.github.com> Date: Thu, 11 Nov 2021 18:59:10 -0600 Subject: [PATCH] Increased wide modal size & removed preview file width limit (#1221) Signed-off-by: Benjamin Perez Co-authored-by: Benjamin Perez --- .../Buckets/ListBuckets/Objects/Preview/PreviewFileContent.tsx | 2 +- .../Buckets/ListBuckets/Objects/Preview/PreviewFileModal.tsx | 1 + .../src/screens/Console/Common/ModalWrapper/ModalWrapper.tsx | 2 +- 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileContent.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileContent.tsx index d7f801ce3..71dfc0b42 100644 --- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileContent.tsx +++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileContent.tsx @@ -36,7 +36,7 @@ const styles = () => height: 500, }, "&.text": { - height: 500, + height: 700, }, "&.audio": { height: 150, diff --git a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileModal.tsx b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileModal.tsx index 44f7c72ea..555156b06 100644 --- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileModal.tsx +++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/Preview/PreviewFileModal.tsx @@ -38,6 +38,7 @@ const PreviewFileModal = ({ modalOpen={open} title={`Preview - ${object?.name}`} onClose={onClosePreview} + wideLimit={false} > diff --git a/portal-ui/src/screens/Console/Common/ModalWrapper/ModalWrapper.tsx b/portal-ui/src/screens/Console/Common/ModalWrapper/ModalWrapper.tsx index 9d691bc09..82a6c9fa8 100644 --- a/portal-ui/src/screens/Console/Common/ModalWrapper/ModalWrapper.tsx +++ b/portal-ui/src/screens/Console/Common/ModalWrapper/ModalWrapper.tsx @@ -155,7 +155,7 @@ const ModalWrapper = ({ paper: classes.customDialogSize, }, } - : { maxWidth: "md" as const, fullWidth: true }; + : { maxWidth: "lg" as const, fullWidth: true }; let message = "";