OEL-2270 introduced a .text-break class for the bcl-listing to fix the layout braking with long words, but this is not enough to solve the issue IF there are long BADGES inside the card (by default, badges have the rulewhite-space: nowrap):
On UCPKN we added the following SCSS as a quick fix:
.listing-item { .col-sm, .col-md, .col-lg, .col-xl, .col-xxl { // Add dynamic max-width of 100% less .bcl-card-start-col width less gutter-x size; max-width: calc(100% - $card-start-col-size - var(--bs-gutter-x)); } }
OEL-2270 introduced a .text-break class for the bcl-listing to fix the layout braking with long words, but this is not enough to solve the issue IF there are long BADGES inside the card (by default, badges have the rulewhite-space: nowrap):
On UCPKN we added the following SCSS as a quick fix:
.listing-item { .col-sm, .col-md, .col-lg, .col-xl, .col-xxl { // Add dynamic max-width of 100% less .bcl-card-start-col width less gutter-x size; max-width: calc(100% - $card-start-col-size - var(--bs-gutter-x)); } }