Add default height to Treemap

eea · Jul 15, 2022 · 3031ae9 · 3031ae9
1 parent a17d811
commit 3031ae9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/Blocks/Treemap/Treemap.jsx b/src/Blocks/Treemap/Treemap.jsx
@@ -53,7 +53,7 @@ function Treemap(props) {
 
   return (
     <div className="treemap-chart">
-      <VisibilitySensor className="connected-chart">
+      <VisibilitySensor>
         <div className="connected-chart-wrapper">
           <LoadablePlotly
             data={traces}
@@ -66,7 +66,8 @@ function Treemap(props) {
               useResizeHandler: true,
             }}
             style={{
-              maxWidth: '100%',
+              width: '100%',
+              height: '450px',
               margin: 'auto',
             }}
           />

diff --git a/src/Blocks/Treemap/View.jsx b/src/Blocks/Treemap/View.jsx
@@ -5,7 +5,7 @@ import { withBlockData } from '@eeacms/volto-datablocks/hocs';
 const TreemapView = (props) => {
   const { data = {} } = props;
 
-  return <Treemap data={data} />;
+  return <Treemap data={data} {...props} />;
 };
 
 export default withBlockData(TreemapView);