fix: modify min width for task names (#56378)

RoyLee1224 · web-flow · commit 45a463d12426 · 2025-10-04T09:04:35.000+02:00
diff --git a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/Grid.tsx b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/Grid.tsx
@@ -105,7 +105,7 @@ export const Grid = ({ dagRunState, limit, runType, showGantt, triggeringUser }:
       tabIndex={0}
       width={showGantt ? "1/2" : "full"}
     >
-      <Box display="flex" flexDirection="column" flexGrow={1} justifyContent="end" minWidth="100px">
+      <Box display="flex" flexDirection="column" flexGrow={1} justifyContent="end" minWidth="200px">
         <TaskNames nodes={flatNodes} onRowClick={() => setMode("task")} />
       </Box>
       <Box position="relative">

Original file line number	Diff line number	Diff line change
`@@ -105,7 +105,7 @@ export const Grid = ({ dagRunState, limit, runType, showGantt, triggeringUser }:`
`105`	`105`	`tabIndex={0}`
`106`	`106`	`width={showGantt ? "1/2" : "full"}`
`107`	`107`	`>`
`108`		`- <Box display="flex" flexDirection="column" flexGrow={1} justifyContent="end" minWidth="100px">`
	`108`	`+ <Box display="flex" flexDirection="column" flexGrow={1} justifyContent="end" minWidth="200px">`
`109`	`109`	`<TaskNames nodes={flatNodes} onRowClick={() => setMode("task")} />`
`110`	`110`	`</Box>`
`111`	`111`	`<Box position="relative">`