fix: adjust tooltip positionning

argos-ci · Nov 16, 2024 · 3381281 · 3381281
1 parent 500ba6c
commit 3381281
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/apps/frontend/src/pages/Build/BuildDiffList.tsx b/apps/frontend/src/pages/Build/BuildDiffList.tsx
@@ -601,10 +601,7 @@ function ListItem({
     <ListItemButton
       ref={ref}
       data-index={index}
-      className={clsx(
-        "group/item relative size-full cursor-default px-4 text-left focus:outline-none",
-        isSubItem && "pl-10",
-      )}
+      className="group/item relative size-full cursor-default text-left focus:outline-none"
       onPress={() => {
         if (item.diff) {
           setActiveDiff(item.diff);
@@ -675,7 +672,10 @@ function ListItem({
     status === EvaluationStatus.Rejected;
 
   return (
-    <div className="relative w-full" style={{ ...rowStyle, ...style }}>
+    <div
+      className={clsx("relative w-full px-4", isSubItem && "pl-10")}
+      style={{ ...rowStyle, ...style }}
+    >
       {isGroupItem && (
         <CardStack
           isFirst={item.first}
@@ -710,11 +710,12 @@ function DiffTooltip(props: {
   return (
     <RACTooltip
       triggerRef={props.triggerRef}
-      placement="right"
+      placement="right top"
       offset={8}
       className={(props) =>
         clsx("pointer-events-none w-72", getTooltipAnimationClassName(props))
       }
+      style={{ zIndex: 900 }}
     >
       <DiffCard active={false} status={EvaluationStatus.Pending}>
         <DiffImage diff={diff} />

diff --git a/apps/frontend/src/ui/Tooltip.tsx b/apps/frontend/src/ui/Tooltip.tsx
@@ -82,7 +82,7 @@ const TooltipOverlay = React.forwardRef(
         {...props}
         className={(props) =>
           clsx(
-            "bg-subtle text z-50 overflow-hidden rounded-md border shadow-md",
+            "bg-subtle text overflow-hidden rounded-md border shadow-md",
             disableHoverableContent && "pointer-events-none",
             getTooltipAnimationClassName(props),
             variantClassName,