fix: Chart content allows cursor selection

CBIIT · Feb 20, 2024 · 16c0879 · 16c0879
1 parent 7f70db3
commit 16c0879
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/components/NodeChart/PieChartCenter.tsx b/src/components/NodeChart/PieChartCenter.tsx
@@ -13,6 +13,7 @@ const StyledTextContainer = styled('text')({
   fontFamily: "'Nunito Sans', 'Rubik', sans-serif",
   textAnchor: 'middle',
   dominantBaseline: 'central',
+  userSelect: "none",
 });
 
 const StyledCenterTitle = styled('tspan')({

diff --git a/src/components/NodeChart/index.tsx b/src/components/NodeChart/index.tsx
@@ -29,6 +29,7 @@ const StyledPieChartLabel = styled(Typography)({
   marginBottom: "12px",
   textAlign: "center",
   alignSelf: "center",
+  userSelect: "none",
 });
 
 const StyledChartContainer = styled(Box)({

diff --git a/src/components/NodeTotalChart/CustomTick.tsx b/src/components/NodeTotalChart/CustomTick.tsx
@@ -7,6 +7,7 @@ const StyledLabel = styled('tspan')({
   color: "#474747",
   textTransform: "capitalize",
   overflow: "hidden",
+  userSelect: "none",
 });
 
 const CustomTick = (props) => {