Skip to content

Commit 970314e

Browse files
authored
feat(breadcrumb): add actual min width on breadcrumb item to avoid nasty truncation (#3391)
1 parent 41169a4 commit 970314e

1 file changed

Lines changed: 2 additions & 1 deletion

File tree

scss/_breadcrumb.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
.breadcrumb-item {
1717
display: none;
1818
align-items: center;
19-
min-width: 0; // overrides children links implied width see https://css-tricks.com/flexbox-truncated-text/
19+
min-width: calc(#{$ouds-link-size-min-width-small} + 2 * var(--#{$prefix}breadcrumb-item-gap) + $ouds-breadcrumb-size-icon); // overrides children links implied width see https://css-tricks.com/flexbox-truncated-text/
2020
padding-right: var(--#{$prefix}breadcrumb-item-gap);
2121
white-space: nowrap;
2222

@@ -41,6 +41,7 @@
4141
a {
4242
@extend %link-properties;
4343
display: inline-block;
44+
min-width: #{$ouds-link-size-min-width-small};
4445
padding: $ouds-link-space-padding-block $ouds-link-space-padding-inline;
4546
overflow: hidden;
4647
text-overflow: ellipsis;

0 commit comments

Comments
 (0)