You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@superset.apache.org by ru...@apache.org on 2026/04/23 20:27:08 UTC

(superset) branch master updated: fix(dashboard): prevent label overlap in non-English locales (#36669)

This is an automated email from the ASF dual-hosted git repository.

rusackas pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/superset.git


The following commit(s) were added to refs/heads/master by this push:
     new acdf70176a1 fix(dashboard): prevent label overlap in non-English locales (#36669)
acdf70176a1 is described below

commit acdf70176a1c1e382eafd416b1f8dda6f75cab64
Author: Nitish Agarwal <15...@users.noreply.github.com>
AuthorDate: Fri Apr 24 01:56:59 2026 +0530

    fix(dashboard): prevent label overlap in non-English locales (#36669)
---
 .../superset-ui-core/src/components/ListViewCard/index.tsx    | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/index.tsx b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/index.tsx
index c5994181323..e9271d0de6a 100644
--- a/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/index.tsx
+++ b/superset-frontend/packages/superset-ui-core/src/components/ListViewCard/index.tsx
@@ -95,10 +95,13 @@ const TitleLink = styled.span`
 const TitleRight = styled.span`
   ${({ theme }) => css`
     position: absolute;
-    right: -1px;
     font-weight: 400;
     bottom: ${theme.sizeUnit * 3}px;
     right: ${theme.sizeUnit * 2}px;
+    max-width: 120px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   `}
 `;
 const CoverFooter = styled.div`
@@ -244,7 +247,11 @@ function ListViewCard({
                     {title}
                   </TitleLink>
                 </Tooltip>
-                {titleRight && <TitleRight>{titleRight}</TitleRight>}
+                {titleRight && (
+                  <Tooltip title={titleRight}>
+                    <TitleRight>{titleRight}</TitleRight>
+                  </Tooltip>
+                )}
                 <div className="card-actions" data-test="card-actions">
                   {actions}
                 </div>