Listing item layout breaking with long badges

[gingapa]

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)); } }

[raqfialho]

Hi @gingapa, thanks for opening this issue! We appreciate your help. Would you be interested in submitting a pull request with your fix? Your contribution would be valuable to all of us :-)