From e30d5e4856c12b8df37edfabd9ddf8d910a34054 Mon Sep 17 00:00:00 2001
From: himanshu748 <jhahimanshu653@gmail.com>
Date: Sat, 18 Apr 2026 13:13:13 +0530
Subject: [PATCH 1/2] fix: resolve dashboard card layout broken by long
 translations in Russian locale
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaced 'whitespace-nowrap' and plain 'span' elements with Ant Design's
'Typography.Text' using 'ellipsis={{ tooltip: true }}' in the ExtraInfoLabel
and ExtraInfoLink components. This cleanly truncates long translated labels
(e.g., 'Типы объектов / Дашборды'), displaying an ellipsis instead of pushing
the flex boundaries and breaking the dashboard card layout.

Fixes #24699
---
 .../ui/src/utils/DataAssetsHeader.utils.tsx        | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx
index ecdb3ad4c2cc..5b5334505ff3 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx
@@ -104,10 +104,14 @@ export const ExtraInfoLabel = ({
   return (
     <div className="d-flex align-start extra-info-container">
       <Typography.Text
-        className="whitespace-nowrap text-sm d-flex flex-col gap-2 w-full"
+        className="text-sm d-flex flex-col gap-2 w-full"
         data-testid={dataTestId}>
         {!isEmpty(label) && (
-          <span className="extra-info-label-heading">{label}</span>
+          <Typography.Text
+            className="extra-info-label-heading"
+            ellipsis={{ tooltip: true }}>
+            {label}
+          </Typography.Text>
         )}
 
         <Typography.Text
@@ -140,7 +144,11 @@ export const ExtraInfoLink = ({
       'w-48': ellipsis,
     })}>
     {!isEmpty(label) && (
-      <span className="extra-info-label-heading  m-r-xss">{label}</span>
+      <Typography.Text
+        className="extra-info-label-heading m-r-xss"
+        ellipsis={{ tooltip: true }}>
+        {label}
+      </Typography.Text>
     )}
     <div className="d-flex items-center gap-1">
       <Tooltip title={value}>

From f9f730963f5f3f2035d7eea4b0aeb193634bf2a9 Mon Sep 17 00:00:00 2001
From: himanshu748 <jhahimanshu653@gmail.com>
Date: Sat, 18 Apr 2026 13:23:55 +0530
Subject: [PATCH 2/2] fix: make label ellipsis conditional in ExtraInfoLink to
 address Copilot feedback

---
 .../src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx b/openmetadata-ui/src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx
index 5b5334505ff3..d4b3658476a1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/utils/DataAssetsHeader.utils.tsx
@@ -146,7 +146,7 @@ export const ExtraInfoLink = ({
     {!isEmpty(label) && (
       <Typography.Text
         className="extra-info-label-heading m-r-xss"
-        ellipsis={{ tooltip: true }}>
+        ellipsis={ellipsis ? { tooltip: true } : false}>
         {label}
       </Typography.Text>
     )}