Description
Symptoms
On Service Portal Page, catalog Item names appear broken into two -three lines as seen in the screenshot attached.
Release
All
Cause
Property 'break-word' in CSS causes words to break and wrap onto the next line. To verify if this property is added, inspect the name of the catalog item breaking and look for <div class= "break-word">
Resolution
.break-word > a {
word-wrap: normal !important;
}
- If the widget being used is customized (not Out-Of-Box), the above script can be added to the CSS section of script for the widget.
- If widget being used is Out-Of-Box, add the above-mentioned script to the 'Page Specific CSS' section of the Page (where widget being used is added)
Additional Information
Please see the attached screenshots for better understanding of issue.