From 634bea0a02c782668f50ad1935ce90322ee62f81 Mon Sep 17 00:00:00 2001
From: "Abeshouse, Adam A./Sloan Kettering Institute" <abeshoua@mskcc.org>
Date: Mon, 20 Aug 2018 17:53:20 -0400
Subject: [PATCH] plots tab - add cbioTooltip class to tooltips

Signed-off-by: Abeshouse, Adam A./Sloan Kettering Institute <abeshoua@mskcc.org>
---
 src/pages/resultsView/plots/PlotsTab.tsx         | 16 +++++++++++++---
 .../components/plots/ScatterPlotTooltip.tsx      |  1 -
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/pages/resultsView/plots/PlotsTab.tsx b/src/pages/resultsView/plots/PlotsTab.tsx
index 0351d3468af..3a68c945df1 100644
--- a/src/pages/resultsView/plots/PlotsTab.tsx
+++ b/src/pages/resultsView/plots/PlotsTab.tsx
@@ -854,16 +854,26 @@ export default class PlotsTab extends React.Component<IPlotsTabProps,{}> {
 
     @autobind
     private scatterPlotTooltip(d:IScatterPlotData) {
-        return scatterPlotTooltip(d);
+        return (
+            <div className="cbioportal-frontend cbioTooltip">
+                {scatterPlotTooltip(d)}
+            </div>
+        );
     }
 
     @computed get boxPlotTooltip() {
         return (d:IBoxScatterPlotPoint)=>{
+            let content;
             if (this.boxPlotData.isComplete) {
-                return boxPlotTooltip(d, this.boxPlotData.result.horizontal);
+                content = boxPlotTooltip(d, this.boxPlotData.result.horizontal);
             } else {
-                return <span>Loading... (this shouldnt appear because the box plot shouldnt be visible)</span>;
+                content = <span>Loading... (this shouldnt appear because the box plot shouldnt be visible)</span>;
             }
+            return (
+                <div className="cbioportal-frontend cbioTooltip">
+                    {content}
+                </div>
+            );
         }
     }
 
diff --git a/src/shared/components/plots/ScatterPlotTooltip.tsx b/src/shared/components/plots/ScatterPlotTooltip.tsx
index 162df0ebc41..020d09a4924 100644
--- a/src/shared/components/plots/ScatterPlotTooltip.tsx
+++ b/src/shared/components/plots/ScatterPlotTooltip.tsx
@@ -35,7 +35,6 @@ export default class ScatterPlotTooltip extends React.Component<IScatterPlotTool
         if (this.props.targetHovered || this.isHovered) {
             return (
                 <Popover
-                    id="Scatter Plot Tooltip"
                     className={this.props.className}
                     positionLeft={this.props.targetCoords.x + this.props.container.offsetLeft + leftPadding - (!horizontal ? arrowOffsetLeft + 6 : 0)}
                     positionTop={this.props.targetCoords.y + this.props.container.offsetTop - (horizontal ? arrowOffsetTop : -5)}