fix(dashboard): make JSON metadata editor resizable

Author: Mayankaggarwal8055

superset-frontend/src/components/Modal/StandardModal.tsx

@@ -41,16 +41,17 @@ interface StandardModalProps {
   maskClosable?: boolean;
   wrapProps?: object;
   contentLoading?: boolean;
+  resizable?: boolean;
 }
 
 // Standard modal widths
 export const MODAL_STANDARD_WIDTH = 500;
 export const MODAL_MEDIUM_WIDTH = 600;
 export const MODAL_LARGE_WIDTH = 900;
 
-const StyledModal = styled(Modal)`
+const StyledModal = styled(Modal)<{ $resizable?: boolean }>`
   .ant-modal-body {
-    max-height: 60vh;
+    max-height: ${({ $resizable }) => ($resizable ? 'none' : '60vh')};
     height: auto;
     overflow-y: auto;
     padding: 0;
@@ -116,6 +117,7 @@ export function StandardModal({
   maskClosable = false,
   wrapProps,
   contentLoading = false,
+  resizable = false,
 }: StandardModalProps) {
   const primaryButtonName = saveText || (isEditMode ? t('Save') : t('Add'));
 
@@ -130,6 +132,8 @@ export function StandardModal({
       show={show}
       width={`${width}px`}
       wrapProps={wrapProps}
+      $resizable={resizable}
+      resizable={resizable}
       title={
         icon ? (
           <ModalTitleWithIcon

superset-frontend/src/dashboard/components/PropertiesModal/index.tsx

@@ -628,6 +628,7 @@ const PropertiesModal = ({
       }}
       title={t('Dashboard properties')}
       isEditMode
+      resizable
       saveDisabled={dashboardInfo?.isManagedExternally || hasErrors}
       saveLoading={isApplying}
       contentLoading={isLoading}

superset-frontend/src/dashboard/components/PropertiesModal/sections/AdvancedSection.tsx

@@ -84,7 +84,7 @@ const AdvancedSection = ({
       tabSize={2}
       wordWrap
       width="100%"
-      height="200px"
+      height="60vh"
       annotations={toEditorAnnotations(jsonAnnotations)}
     />
   </ModalFormField>