fix(dashboard): improve JSON editor sizing without wrapper

Author: Mayankaggarwal8055

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

@@ -41,8 +41,6 @@ interface StandardModalProps {
   maskClosable?: boolean;
   wrapProps?: object;
   contentLoading?: boolean;
-  resizable?: boolean;
-  draggable?: boolean;
 }
 
 // Standard modal widths
@@ -118,7 +116,6 @@ export function StandardModal({
   wrapProps,
   contentLoading = false,
   resizable = false,
-  draggable = false,
 }: StandardModalProps) {
   const primaryButtonName = saveText || (isEditMode ? t('Save') : t('Add'));
 
@@ -145,8 +142,6 @@ export function StandardModal({
         )
       }
       $resizable={resizable}
-      resizable={resizable}
-      draggable={draggable}
     >
       {contentLoading ? (
         <Flex justify="center" align="center" style={{ minHeight: 200 }}>

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

@@ -75,7 +75,6 @@ const AdvancedSection = ({
     }
     bottomSpacing={false}
   >
-    <div style={{ minHeight: 300, height: '60vh' }}>
       <StyledEditorHost
         id="dashboard-json-metadata"
         data-test="dashboard-metadata-editor"
@@ -85,10 +84,10 @@ const AdvancedSection = ({
         tabSize={2}
         wordWrap
         width="100%"
-        height="100%"
+        height="60vh"
+        style={{ minHeight: 300 }}
         annotations={toEditorAnnotations(jsonAnnotations)}
       />
-    </div>
   </ModalFormField>
 );