This is an automated email from the ASF dual-hosted git repository.
pierrejeambrun 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 0dadca6b8ba UI: Small fix for DurationChart & tooltip (#51689)
0dadca6b8ba is described below
commit 0dadca6b8ba01a34301c82a6b731702633953b0c
Author: LI,JHE-CHEN <[email protected]>
AuthorDate: Fri Jun 13 20:58:01 2025 +0800
UI: Small fix for DurationChart & tooltip (#51689)
* fix(i18n): Small fix for Duration Chart
* fix(UI): fix Tooltip display issue
---
.../components/DataTable/ToggleTableDisplay.tsx | 60 +++++++++++-----------
.../airflow/ui/src/components/DurationChart.tsx | 4 +-
2 files changed, 32 insertions(+), 32 deletions(-)
diff --git
a/airflow-core/src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx
b/airflow-core/src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx
index 8269d2480a5..0f1cdcb3b57 100644
---
a/airflow-core/src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx
+++
b/airflow-core/src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx
@@ -34,38 +34,38 @@ export const ToggleTableDisplay = ({ display, setDisplay }:
Props) => {
return (
<HStack colorPalette="blue" gap={1} pb={2}>
- <IconButton
- _hover={{ bg: "colorPalette.subtle" }}
- aria-label={translate("toggleCardView")}
- bg={display === "card" ? "colorPalette.muted" : "bg"}
- borderColor="colorPalette.fg"
- borderWidth={1}
- color="colorPalette.fg"
- height={8}
- minWidth={8}
- onClick={() => setDisplay("card")}
- width={8}
- >
- <Tooltip content={translate("toggleCardView")}>
+ <Tooltip content={translate("toggleCardView")}>
+ <IconButton
+ _hover={{ bg: "colorPalette.subtle" }}
+ aria-label={translate("toggleCardView")}
+ bg={display === "card" ? "colorPalette.muted" : "bg"}
+ borderColor="colorPalette.fg"
+ borderWidth={1}
+ color="colorPalette.fg"
+ height={8}
+ minWidth={8}
+ onClick={() => setDisplay("card")}
+ width={8}
+ >
<FiGrid />
- </Tooltip>
- </IconButton>
- <IconButton
- _hover={{ bg: "colorPalette.subtle" }}
- aria-label={translate("toggleTableView")}
- bg={display === "table" ? "colorPalette.muted" : "bg"}
- borderColor="colorPalette.fg"
- borderWidth={1}
- color="colorPalette.fg"
- height={8}
- minWidth={8}
- onClick={() => setDisplay("table")}
- width={8}
- >
- <Tooltip content={translate("toggleTableView")}>
+ </IconButton>
+ </Tooltip>
+ <Tooltip content={translate("toggleTableView")}>
+ <IconButton
+ _hover={{ bg: "colorPalette.subtle" }}
+ aria-label={translate("toggleTableView")}
+ bg={display === "table" ? "colorPalette.muted" : "bg"}
+ borderColor="colorPalette.fg"
+ borderWidth={1}
+ color="colorPalette.fg"
+ height={8}
+ minWidth={8}
+ onClick={() => setDisplay("table")}
+ width={8}
+ >
<FiAlignJustify />
- </Tooltip>
- </IconButton>
+ </IconButton>
+ </Tooltip>
</HStack>
);
};
diff --git a/airflow-core/src/airflow/ui/src/components/DurationChart.tsx
b/airflow-core/src/airflow/ui/src/components/DurationChart.tsx
index 5d09441284f..a6159a1f91d 100644
--- a/airflow-core/src/airflow/ui/src/components/DurationChart.tsx
+++ b/airflow-core/src/airflow/ui/src/components/DurationChart.tsx
@@ -193,10 +193,10 @@ export const DurationChart = ({
ticks: {
maxTicksLimit: 3,
},
- title: { align: "end", display: true, text:
translate("dagRun.runAfter") },
+ title: { align: "end", display: true, text:
translate("common:dagRun.runAfter") },
},
y: {
- title: { align: "end", display: true, text:
translate("duration") },
+ title: { align: "end", display: true, text:
translate("common:duration") },
},
},
}}
