This is an automated email from the ASF dual-hosted git repository.
guan404ming 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 91e50880a44 Improve mobile responsiveness for dashboard asset cards
(#69294)
91e50880a44 is described below
commit 91e50880a446e8abd62cbb490fe755dc1cde9746
Author: Guan-Ming Chiu <[email protected]>
AuthorDate: Sat Jul 4 19:53:55 2026 +0800
Improve mobile responsiveness for dashboard asset cards (#69294)
---
airflow-core/src/airflow/ui/src/components/Assets/AssetEvent.tsx | 6 +++---
airflow-core/src/airflow/ui/src/components/Assets/TriggeredRuns.tsx | 4 ++--
airflow-core/src/airflow/ui/src/components/DataTable/CardList.tsx | 2 +-
3 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/components/Assets/AssetEvent.tsx
b/airflow-core/src/airflow/ui/src/components/Assets/AssetEvent.tsx
index eef73e9c983..b7d4b62d265 100644
--- a/airflow-core/src/airflow/ui/src/components/Assets/AssetEvent.tsx
+++ b/airflow-core/src/airflow/ui/src/components/Assets/AssetEvent.tsx
@@ -71,20 +71,20 @@ export const AssetEvent = ({
showArrow
>
<Link to={`/assets/${event.asset_id}`}>
- <Box color="fg.info" overflowWrap="anywhere" padding={0}
wordWrap="break-word">
+ <Box color="fg.info" overflowWrap="anywhere" padding={0}>
{event.name ?? ""}
</Box>
</Link>
</Tooltip>
</HStack>
)}
- <HStack>
+ <HStack flexWrap="wrap">
<Box>{translate("source")}: </Box>
{source === "" ? (
<Link
to={`/dags/${event.source_dag_id}/runs/${event.source_run_id}/tasks/${event.source_task_id}${event.source_map_index
> -1 ? `/mapped/${event.source_map_index}` : ""}`}
>
- <Box color="fg.info" overflowWrap="anywhere" padding={0}
wordWrap="break-word">
+ <Box color="fg.info" overflowWrap="anywhere" padding={0}>
{event.source_dag_id}
</Box>
</Link>
diff --git
a/airflow-core/src/airflow/ui/src/components/Assets/TriggeredRuns.tsx
b/airflow-core/src/airflow/ui/src/components/Assets/TriggeredRuns.tsx
index fd8866359a1..c5aab95ad57 100644
--- a/airflow-core/src/airflow/ui/src/components/Assets/TriggeredRuns.tsx
+++ b/airflow-core/src/airflow/ui/src/components/Assets/TriggeredRuns.tsx
@@ -36,10 +36,10 @@ export const TriggeredRuns = ({ dagRuns }: Props) => {
}
return dagRuns.length === 1 ? (
- <Flex gap={1}>
+ <Flex flexWrap="wrap" gap={1}>
<Text flexShrink={0}>{`${translate("triggered")}
${translate("dagRun_one")}`}: </Text>
<StateBadge state={dagRuns[0]?.state as DagRunState} />
- <RouterLink
to={`/dags/${dagRuns[0]?.dag_id}/runs/${dagRuns[0]?.run_id}`}>
+ <RouterLink overflowWrap="anywhere"
to={`/dags/${dagRuns[0]?.dag_id}/runs/${dagRuns[0]?.run_id}`}>
{dagRuns[0]?.dag_id}
</RouterLink>
</Flex>
diff --git a/airflow-core/src/airflow/ui/src/components/DataTable/CardList.tsx
b/airflow-core/src/airflow/ui/src/components/DataTable/CardList.tsx
index b09704cfad0..04e6d400fbd 100644
--- a/airflow-core/src/airflow/ui/src/components/DataTable/CardList.tsx
+++ b/airflow-core/src/airflow/ui/src/components/DataTable/CardList.tsx
@@ -28,7 +28,7 @@ type DataTableProps<TData> = {
};
export const CardList = <TData,>({ cardDef, isLoading, rows }:
DataTableProps<TData>) => (
- <SimpleGrid data-testid="card-list" {...{ column: { base: 1 }, gap: 2,
...cardDef.gridProps }}>
+ <SimpleGrid data-testid="card-list" {...{ columns: { base: 1 }, gap: 2,
...cardDef.gridProps }}>
{rows.map((row) => (
<Box key={row.id}>
{Boolean(isLoading) &&
