plots tab - add cbioTooltip class to tooltips

Signed-off-by: Abeshouse, Adam A./Sloan Kettering Institute <abeshoua@mskcc.org>
cBioPortal · Aug 20, 2018 · 634bea0 · 634bea0
1 parent 86f18b3
commit 634bea0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git 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
@@ -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)}