This is an automated email from the ASF dual-hosted git repository.
bbovenzi pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new 979d570997a Adjust grid tooltip positon+arrow (#54524)
979d570997a is described below
commit 979d570997a0b189009ccb746aaf7672ebf8a30d
Author: Brent Bovenzi <[email protected]>
AuthorDate: Thu Aug 14 15:51:28 2025 -0500
Adjust grid tooltip positon+arrow (#54524)
---
.../src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx | 13 ++++++++++++-
1 file changed, 12 insertions(+), 1 deletion(-)
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx
index 3fa461ee13b..89ea4f30688 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/GridTI.tsx
@@ -143,7 +143,7 @@ const Instance = ({ dagId, instance, isGroup, isMapped,
onClick, runId, search,
id="tooltip"
p={2}
position="absolute"
- right={0}
+ right={5}
visibility="hidden"
zIndex="tooltip"
>
@@ -162,6 +162,17 @@ const Instance = ({ dagId, instance, isGroup, isMapped,
onClick, runId, search,
{translate("endDate")}: <Time datetime={instance.max_end_date}
/>
</>
)}
+ {/* Tooltip arrow pointing to the badge */}
+ <chakra.div
+ bg="bg.inverted"
+ borderRadius={1}
+ bottom={1}
+ height={2}
+ position="absolute"
+ right="-3px"
+ transform="rotate(45deg)"
+ width={2}
+ />
</chakra.span>
</Badge>
</Link>
