civicrm / org.civicrm.shoreditch

Other
45 stars 59 forks source link

ASESPRT-405: Break long Label strings in Contact Summary Page #523

Closed deb1990 closed 3 years ago

deb1990 commented 3 years ago

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

2021-07-14 at 1 38 PM

After

2021-07-14 at 1 37 PM

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.

Backstop JS Report

https://github.com/compucorp/backstopjs-config/actions/runs/1029463378

jamienovick commented 3 years ago

Does this affect all labels or just location types? Can we make it clear in the pr? @deb1990