Merge pull request #9 from flash1293/lens/metric-scale-fixes

Fix auto scaling edge cases
flash1293 · Aug 14, 2019 · d7bf71b · d7bf71b
2 parents 5065a14 + b11021b
commit d7bf71b
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/x-pack/legacy/plugins/lens/public/metric_visualization_plugin/auto_scale.tsx b/x-pack/legacy/plugins/lens/public/metric_visualization_plugin/auto_scale.tsx
@@ -61,16 +61,17 @@ export class AutoScale extends React.Component<Props, State> {
         style={{
           display: 'flex',
           justifyContent: 'center',
+          alignItems: 'center',
           position: 'relative',
           maxWidth: '100%',
+          maxHeight: '100%',
         }}
       >
         <div
           className="autoscale-child"
           ref={this.setChild}
           style={{
             transform: `scale(${scale})`,
-            position: 'relative',
           }}
         >
           {children}
@@ -97,10 +98,8 @@ export function computeScale(
     return 1;
   }
 
-  const marginSize = 16;
-  const labelSize = 16;
-  const scaleX = (parent.clientWidth - marginSize) / child.clientWidth;
-  const scaleY = (parent.clientHeight - marginSize - labelSize) / child.clientHeight;
+  const scaleX = (parent.clientWidth) / child.clientWidth;
+  const scaleY = (parent.clientHeight) / child.clientHeight;
 
   return Math.min(1, Math.min(scaleX, scaleY));
 }