Merge branch '838-fix_h5_height' into 'main'

Resolve "H5 viewer height"

Closes #838

See merge request !735

packages/core/src/components/datafile/viewer/file/H5Viewer.tsx

@@ -20,6 +20,7 @@ export function H5Viewer({ datafile }: { datafile: Datafile }) {
         className="h-100 w-100"
         src={`${url}&wide`}
         allowFullScreen
+        style={{ minHeight: 400 }}
       />
       <Button target="_blank" href={url}>
         <FontAwesomeIcon icon={faShareAlt} style={{ marginRight: 5 }} />

packages/core/src/components/datafile/viewer/file/ImageViewer.tsx

@@ -9,12 +9,17 @@ export function ImageViewer({ datafile }: { datafile: Datafile }) {
   const url = useEndpointURL(DATA_DOWNLOAD_ENDPOINT);
 
   return (
-    <ZoomableImage
-      src={url({
-        datafileIds: datafile.id.toString(),
-      })}
-      alt={datafile.name}
-      zoomable
-    />
+    <div
+      className="h-100 overflow-auto"
+      style={{ overflow: 'visible', maxHeight: 400 }}
+    >
+      <ZoomableImage
+        src={url({
+          datafileIds: datafile.id.toString(),
+        })}
+        alt={datafile.name}
+        zoomable
+      />
+    </div>
   );
 }

packages/core/src/components/datafile/viewer/file/TextViewer.tsx

@@ -68,6 +68,7 @@ function LoadAndDisplay({ datafile }: { datafile: Datafile }) {
       <pre
         style={{
           overflow: 'visible',
+          maxHeight: 400,
         }}
         className="monospace"
       >