This is an automated email from the ASF dual-hosted git repository. kaxilnaik pushed a commit to branch v3-1-test in repository https://gitbox.apache.org/repos/asf/airflow.git
commit 61d6b5658817bb425d58d5b2b18de375f8427dd4 Author: Guan Ming(Wesley) Chiu <[email protected]> AuthorDate: Thu Sep 11 23:44:19 2025 +0800 Fix grid view to handle long task name (#55332) (cherry picked from commit 2788c794f110a3b18e55754d47b6617ecb03621e) --- airflow-core/src/airflow/ui/src/layouts/Details/Grid/Grid.tsx | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) 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 index dbf48e0d0df..6e47a4fc4f6 100644 --- a/airflow-core/src/airflow/ui/src/layouts/Details/Grid/Grid.tsx +++ b/airflow-core/src/airflow/ui/src/layouts/Details/Grid/Grid.tsx @@ -107,7 +107,7 @@ export const Grid = ({ limit, runType, showGantt, triggeringUser }: Props) => { pt={20} ref={gridRef} tabIndex={0} - width={showGantt ? undefined : "100%"} + width={showGantt ? "1/2" : "full"} > <Box flexGrow={1} minWidth={7} position="relative" top="100px"> <TaskNames nodes={flatNodes} onRowClick={() => setMode("task")} /> @@ -117,12 +117,7 @@ export const Grid = ({ limit, runType, showGantt, triggeringUser }: Props) => { <DurationAxis top="100px" /> <DurationAxis top="50px" /> <DurationAxis top="4px" /> - <Flex - flexDirection="column-reverse" - height="100px" - position="relative" - width={showGantt ? undefined : "100%"} - > + <Flex flexDirection="column-reverse" height="100px" position="relative"> {Boolean(gridRuns?.length) && ( <> <DurationTick bottom="92px" duration={max} />
