[Devansh/Akshay] #236077 Fix position of tooltip to be relative to ac…

…tive blip
servika · Apr 17, 2023 · 67cf571 · 67cf571
1 parent 9ee5492
commit 67cf571
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/src/graphing/components/quadrantTables.js b/src/graphing/components/quadrantTables.js
@@ -84,6 +84,20 @@ function renderBlipDescription(blip, ring, quadrant, tip, groupBlipTooltipText)
 
     if (displayToolTip) {
       tip.show(toolTipText, selectedBlipOnGraph.node())
+
+      const selectedBlipCoords = selectedBlipOnGraph.node().getBoundingClientRect()
+
+      const tipElement = d3.select('div.d3-tip')
+      const tipElementCoords = tipElement.node().getBoundingClientRect()
+
+      tipElement
+        .style(
+          'left',
+          `${parseInt(
+            selectedBlipCoords.left + window.scrollX - tipElementCoords.width / 2 + selectedBlipCoords.width / 2,
+          )}px`,
+        )
+        .style('top', `${parseInt(selectedBlipCoords.top + window.scrollY - tipElementCoords.height)}px`)
     }
   }
 

diff --git a/src/graphing/radar.js b/src/graphing/radar.js
@@ -41,14 +41,6 @@ const Radar = function (size, radar) {
     })
 
   tip.direction(function () {
-    if (d3.select('.quadrant-table.selected').node()) {
-      var selectedQuadrant = d3.select('.quadrant-table.selected')
-      if (selectedQuadrant.classed('first') || selectedQuadrant.classed('fourth')) {
-        return 'ne'
-      } else {
-        return 'nw'
-      }
-    }
     return 'n'
   })