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 2788c794f11 Fix grid view to handle long task name (#55332)
2788c794f11 is described below
commit 2788c794f110a3b18e55754d47b6617ecb03621e
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)
---
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} />
