Skip to content

Commit 3606a29

Browse files
committed
fix(dashboard): prevent PublishedLabel overlap in non-English languages
Change CoverFooter flex-wrap from nowrap to wrap to allow the status label to wrap to a new line when translated text is longer than English. Add min-width: 0 to CoverFooterLeft to override the default min-width: auto, allowing proper shrinking behavior with overflow: hidden. Fixes #36357
1 parent 7cd76e4 commit 3606a29

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

  • superset-frontend/packages/superset-ui-core/src/components/ListViewCard

superset-frontend/packages/superset-ui-core/src/components/ListViewCard/index.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -103,14 +103,16 @@ const TitleRight = styled.span`
103103
`;
104104
const CoverFooter = styled.div`
105105
display: flex;
106-
flex-wrap: nowrap;
106+
flex-wrap: wrap;
107+
row-gap: ${({ theme }) => theme.sizeUnit}px;
107108
position: relative;
108109
top: -${({ theme }) => theme.sizeUnit * 9}px;
109110
padding: 0 8px;
110111
`;
111112

112113
const CoverFooterLeft = styled.div`
113114
flex: 1;
115+
min-width: 0;
114116
overflow: hidden;
115117
`;
116118

0 commit comments

Comments
 (0)