From 99c5d9e83696f806b97f7fb860b732ecdfe3bcf0 Mon Sep 17 00:00:00 2001 From: "Katrina H. Turner" <46706381+KatrinaTurner@users.noreply.github.com> Date: Mon, 29 Apr 2024 21:46:36 -1000 Subject: [PATCH] put tooltip back in front & adjust styling --- src/components/Tooltip.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/components/Tooltip.tsx b/src/components/Tooltip.tsx index ba7180b..e5b3a17 100644 --- a/src/components/Tooltip.tsx +++ b/src/components/Tooltip.tsx @@ -42,13 +42,14 @@ export const Tooltip: React.FC = ({ rowNames, field, panelId }) => return text; }) .style('padding', '10px 15px') - .style('background', 'black') + .style('background', '#19191A') .style('color', 'white') - .style('border', '#A8A8A8 solid 5px') + .style('border', '#A8A8A8 solid 2px') .style('border-radius', '5px') .style('left', mousePosition.mouseX + 'px') .style('top', mousePosition.mouseY + 'px') .style('opacity', 0) + .style('z-index','1') .style('position', 'absolute'); div.transition().duration(200).style('opacity', 0.8); }) @@ -91,13 +92,14 @@ export const Tooltip: React.FC = ({ rowNames, field, panelId }) => return text; }) .style('padding', '10px 15px') - .style('background', 'black') + .style('background', '#19191A') .style('color', 'white') - .style('border', '#A8A8A8 solid 5px') + .style('border', '#A8A8A8 solid 2px') .style('border-radius', '5px') .style('left', mousePosition.mouseX + 'px') .style('top', mousePosition.mouseY + 'px') .style('opacity', 0) + .style('z-index', '1') .style('position', 'absolute'); div.transition().duration(200).style('opacity', 0.8); })