This is an automated email from the ASF dual-hosted git repository.
kaxilnaik pushed a commit to branch v3-0-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-0-test by this push:
new 0ab324086c7 fix: calculate TaskName indentation instead of using
chakra spacing vars (#54419)
0ab324086c7 is described below
commit 0ab324086c7c155f3e362359f5cfb7092913b025
Author: codecae <[email protected]>
AuthorDate: Tue Aug 12 14:37:31 2025 -0400
fix: calculate TaskName indentation instead of using chakra spacing vars
(#54419)
Co-authored-by: Curtis Bangert <[email protected]>
(cherry picked from commit ee10bbb994c0f732727811929e58e1185f65f532)
---
airflow-core/src/airflow/ui/src/layouts/Details/Grid/TaskNames.tsx | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/TaskNames.tsx
b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/TaskNames.tsx
index 60105579223..8c6230af6e8 100644
--- a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/TaskNames.tsx
+++ b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/TaskNames.tsx
@@ -47,6 +47,8 @@ const onMouseLeave = (event: MouseEvent<HTMLDivElement>) => {
});
};
+const indent = (depth: number) => `${depth * 0.75 + 0.5}rem`;
+
export const TaskNames = ({ nodes }: Props) => {
const { toggleGroupId } = useOpenGroups();
const { dagId = "", taskId } = useParams();
@@ -73,7 +75,7 @@ export const TaskNames = ({ nodes }: Props) => {
isGroup={true}
isMapped={Boolean(node.is_mapped)}
label={node.label}
- paddingLeft={node.depth * 3 + 2}
+ paddingLeft={indent(node.depth)}
setupTeardownType={node.setup_teardown_type}
/>
<chakra.button
@@ -108,7 +110,7 @@ export const TaskNames = ({ nodes }: Props) => {
fontWeight="normal"
isMapped={Boolean(node.is_mapped)}
label={node.label}
- paddingLeft={node.depth * 3 + 2}
+ paddingLeft={indent(node.depth)}
setupTeardownType={node.setup_teardown_type}
/>
</RouterLink>
