From 61be62740aae429ceb4bcbc44455c8b85d44933f Mon Sep 17 00:00:00 2001
From: Simon Larsen <simonlarsen@oneuptime.com>
Date: Fri, 23 Feb 2024 15:13:33 +0000
Subject: [PATCH] Update bar opacity and add cursor pointer to bar tooltip

---
 CommonUI/src/Components/GanttChart/Bar/Index.tsx         | 9 +++++++--
 .../Pages/Telemetry/Services/View/Traces/View/Index.tsx  | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/CommonUI/src/Components/GanttChart/Bar/Index.tsx b/CommonUI/src/Components/GanttChart/Bar/Index.tsx
index caa30ed1a66..3065d559460 100644
--- a/CommonUI/src/Components/GanttChart/Bar/Index.tsx
+++ b/CommonUI/src/Components/GanttChart/Bar/Index.tsx
@@ -66,12 +66,17 @@ const Bar: FunctionComponent<ComponentProps> = (
         setIsHovered(false);
     };
 
-    let barOpacity: number = 1;
+    let barOpacity: number = 0.9;
 
     if (props.areOtherBarsSelected && !isSelected) {
         barOpacity = 0.5;
     }
 
+
+    if(isHovered){
+        barOpacity = 1;
+    }
+
     return (
         // rectangle div with curved corners and text inside in tailwindcss
         <div
@@ -106,7 +111,7 @@ const Bar: FunctionComponent<ComponentProps> = (
                     />
                 )}
                 {isHovered && props.bar.tooltip && (
-                    <div className="bar-tooltip bg-white shadow rounded p-2 w-fit z-40 absolute">
+                    <div className="bar-tooltip cursor-pointer bg-white shadow rounded p-2 w-fit z-40 absolute">
                         {props.bar.tooltip}
                     </div>
                 )}
diff --git a/Dashboard/src/Pages/Telemetry/Services/View/Traces/View/Index.tsx b/Dashboard/src/Pages/Telemetry/Services/View/Traces/View/Index.tsx
index de1f402aa36..4b66d8f4401 100644
--- a/Dashboard/src/Pages/Telemetry/Services/View/Traces/View/Index.tsx
+++ b/Dashboard/src/Pages/Telemetry/Services/View/Traces/View/Index.tsx
@@ -154,7 +154,7 @@ const TraceView: FunctionComponent<PageComponentProps> = (
         } = data;
 
         return (
-            <div className="px-1 min-w-56">
+            <div className="px-1 min-w-56 cursor-default">
                 <div className="bar-tooltip-title text-sm text-gray-700 font-medium my-2">
                     {span.name}
                 </div>