Consider truncating the compliance frameworks tooltips
Problem to solve
As shown by the screenshot below, very long descriptions are pretty unwieldy in the tooltips.
Proposal
We should consider truncating descriptions in tooltips to give a better user experience. Here is an example truncating at 80 characters:
Implementation plan
For future me: the projects listing is currently using HAML and we build the pill with the following:
# ee/app/views/compliance_management/compliance_framework/_compliance_framework_badge.html.haml
%span.badge.compliance-framework-pill.ml-2.has-tooltip{ style: "background-color: #{framework.color}", data: { container: 'body' }, title: framework.description }
= framework.name
frontend - 1
- Update
ee/app/views/compliance_management/compliance_framework/_compliance_framework_badge.html.haml
to truncate theframework.description
- Update tests for the view