WIP

Author: TheauW

packages/diracx-web-components/src/components/shared/Sunburst/Chart.css

@@ -15,8 +15,6 @@ import { scaleOrdinal } from "d3-scale";
 
 import { Stack, useTheme, Box, Alert, Skeleton } from "@mui/material";
 
-import "./Chart.css";
-
 import type { SunburstTree, SunburstNode } from "../../../types";
 import { DisplayPath, getPath, sizeToText as defaultSizeToText } from "./Utils";
 
@@ -128,9 +126,16 @@ export function Sunburst({
     // Create the tooltip
     const tooltip = select(tooltipRef.current)
       .append("div")
-      .attr("class", "tooltip")
       .style("position", "absolute")
       .style("visibility", "hidden")
+      .style("border-radius", "4px")
+      .style("padding", "10px")
+      .style("background-color", "rgba(230, 230, 230, 0.7)")
+      .style("color", "black")
+      .style("pointer-events", "none")
+      .style("z-index", "99")
+      .style("-webkit-box-shadow", "7px 7px 10px 4px rgba(0, 0, 0, 0.53)")
+      .style("box-shadow", "7px 7px 10px 4px rgba(0, 0, 0, 0.53)")
       .text("");
 
     // Remove any previous elements