fix tooltips

netsage-project · May 9, 2023 · 3580444 · 3580444
1 parent 5a54eb4
commit 3580444
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/Components/RenderBumpChart.js b/src/Components/RenderBumpChart.js
@@ -374,7 +374,17 @@ export default class SvgHandler {
 
     ///////////////////////
     // point Tooltips
-    var tooltip = d3.select('body').append('div').attr('class', 'small-tooltip');
+    var tooltip = d3
+      .select('body')
+      .append('div')
+      .attr('class', 'tooltip')
+      .style('background-color', theme.colors.background.primary)
+      .style('font-family', theme.typography.fontFamily.sansSerif)
+      .style('color', theme.colors.text.primary)
+      .style('box-shadow', '3px 3px 6px lightgray')
+      .style('border', 'none')
+      .style('padding', '10px')
+      .style('opacity', '0');
 
     svg
       .selectAll('circle')