In the contact summary page, if the Label of a field is too long and it is without any Spaces, it breaks the UI. This PR fixes the same.
Before
After
Technical Details
Added word-break: break-all; to fix this issue.
Also Ignore Linter rules are added for the scss/civicrm/contact/_detail.scss file. As this file overrides core styles, it is necessary to ignore these rules.
Overview
In the contact summary page, if the Label of a field is too long and it is without any Spaces, it breaks the UI. This PR fixes the same.
Before
After
Technical Details
Added
word-break: break-all;
to fix this issue. Also Ignore Linter rules are added for thescss/civicrm/contact/_detail.scss
file. As this file overrides core styles, it is necessary to ignore these rules.Backstop JS Report
https://github.com/compucorp/backstopjs-config/actions/runs/1029463378