You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by ra...@apache.org on 2026/03/03 07:15:52 UTC
(airflow) 01/01: Variable table handle long words break when values are expanded (#62416)
This is an automated email from the ASF dual-hosted git repository.
rahulvats pushed a commit to branch backport-62416
in repository https://gitbox.apache.org/repos/asf/airflow.git
commit e2d3729cd6cbfada50f24862ace8b2e821bfbd9c
Author: Pierre Jeambrun <pi...@gmail.com>
AuthorDate: Wed Feb 25 22:25:51 2026 +0100
Variable table handle long words break when values are expanded (#62416)
(cherry picked from commit 6d6f8bf3d04fc3ee90a3dfd6f5c1e980dabb549a)
---
.../src/airflow/ui/src/pages/Variables/Variables.tsx | 20 ++++++++++++++++++--
1 file changed, 18 insertions(+), 2 deletions(-)
diff --git a/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx b/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx
index fdea3be2383..4c524f2672a 100644
--- a/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx
@@ -82,12 +82,28 @@ const getColumns = ({
},
{
accessorKey: "value",
- cell: ({ row }) => <TrimText showTooltip text={row.original.value} />,
+ cell: ({ row }) => (
+ <Box minWidth={0} overflowWrap="anywhere" wordBreak="break-word">
+ <TrimText
+ charLimit={open ? row.original.value.length : undefined}
+ showTooltip
+ text={row.original.value}
+ />
+ </Box>
+ ),
header: translate("columns.value"),
},
{
accessorKey: "description",
- cell: ({ row }) => <TrimText showTooltip text={row.original.description} />,
+ cell: ({ row }) => (
+ <Box minWidth={0} overflowWrap="anywhere" wordBreak="break-word">
+ <TrimText
+ charLimit={open ? row.original.description?.length : undefined}
+ showTooltip
+ text={row.original.description}
+ />
+ </Box>
+ ),
header: translate("columns.description"),
},
{