Merge branch 'IPAD-449_scroll-feature-data' into dev

.tool-versions

@@ -0,0 +1 @@
+nodejs 16.20.2

src/components/Differential/MetafeaturesTableDynamic.jsx

@@ -202,7 +202,11 @@ class MetafeaturesTableDynamic extends Component {
       metafeaturesTableData,
       metafeaturesLoaded,
     } = this.state;
-
+    const ratio = this.props.upperPlotsHeight / window.screen.height;
+    const ratioVh = ratio * 100;
+    const ratioVhRound = Math.round(ratioVh) - 20;
+    const ratioVhString = `${ratioVhRound}vh`;
+    console.log(ratioVhString);
     // const { metaFeaturesData } = this.props;
     return (
       <div className="MetafeaturesTableDiv" id="MetafeaturesTableDynamicDiv">
@@ -224,6 +228,7 @@ class MetafeaturesTableDynamic extends Component {
           disableColumnReorder
           // disableFilters={false}
           min-height="5vh"
+          height={ratioVhString}
           emptyMessage={'No Feature Data Available'}
           disableQuickViewEditing
           disableQuickViewMenu

src/components/Differential/PlotsDynamic.jsx

@@ -282,7 +282,7 @@ class PlotsDynamic extends Component {
     // Feature Data needs this to correctly scroll overflow
     // 3/4 screen width - volcano div width - padding
     const maxDivWidth =
-      window.screen.width * 0.75 - this.props.volcanoDivWidth - 20;
+      window.screen.width * 0.75 - this.props.volcanoDivWidth - 50;
     return (
       <div style={{ maxWidth: maxDivWidth }}>
         {Toggle}

src/components/Differential/TabSingleFeature.jsx

@@ -52,6 +52,7 @@ class TabSingleFeature extends Component {
       plotOverlayLoaded,
       modelSpecificMetaFeaturesExist,
       singleFeaturePlotTypes,
+      upperPlotsHeight,
     } = this.props;
     let panes = [];
     let dimensions = '';
@@ -143,6 +144,7 @@ class TabSingleFeature extends Component {
                   modelSpecificMetaFeaturesExist={
                     modelSpecificMetaFeaturesExist
                   }
+                  upperPlotsHeight={upperPlotsHeight}
                 />
               </Tab.Pane>
             ),