Skip to content

Add fixed width and truncate framework badge

What does this MR do and why?

Add fixed widths to standards adherence and projects reports. This truncates the framework badge to fit on the page

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
Compliance-center--Gitlab-Org--GitLab__2_ Compliance-center--Gitlab-Org--GitLab
Compliance-center--Gitlab-Org--GitLab__3_ Compliance-center--Gitlab-Org--GitLab__1_

How to set up and validate locally

  1. Ensure that a top level group has a framework with an extra long name
    1. https://docs.gitlab.com/ee/user/group/compliance_frameworks.html
  2. Ensure there are multiple projects in above group and at least one has the compliance framework set
  3. Browse to a top level Group -> Security & Compliance -> Compliance center
    1. https://docs.gitlab.com/ee/user/compliance/compliance_center/index.html#compliance-frameworks-report
  4. Check the 'Projects' and 'Standards Adherence' report shows badge truncated

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Merge request reports