Skip to content

Commit ad9782b

Browse files
committed
feat(ui-breadcrumb): fix truncation style
1 parent 3b5c0f8 commit ad9782b

File tree

1 file changed

+12
-1
lines changed
  • packages/ui-breadcrumb/src/Breadcrumb

1 file changed

+12
-1
lines changed

packages/ui-breadcrumb/src/Breadcrumb/styles.ts

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,18 @@ const generateStyle = (
6363
label: 'breadcrumb__crumb',
6464
boxSizing: 'border-box',
6565
display: 'flex',
66-
alignItems: 'center'
66+
alignItems: 'center',
67+
overflow: 'visible',
68+
69+
// prevent text clipping
70+
'[data-cid~="TruncateText"]': {
71+
overflow: 'visible',
72+
73+
// prevent extra spacing after the '...'
74+
'& [class*="truncateText__spacer"]': {
75+
display: 'inline'
76+
}
77+
}
6778
},
6879
separator: {
6980
label: 'breadcrumb__separator',

0 commit comments

Comments
 (0)