Add word break to policies column in frameworks table
What does this MR do and why?
Fix text overflow issue in the compliance frameworks table by adding proper word-breaking to the policies column. When policy names are long, they were overlapping with text in the "Last updated" column, making both columns unreadable.
The changes include:
- Add
gl-break-wordsCSS class to the policies column in the compliance frameworks table - This prevents long policy names from overflowing into adjacent columns
- Improves readability of both the "Policies" and "Last updated" columns
This provides a better user experience by ensuring all table content remains readable regardless of policy name length.
References
Relates to https://gitlab.com/gitlab-org/gitlab/-/issues/566555
Screenshots
| Before | After |
|---|---|
![]() |
![]() |
How to set up and validate locally
- Go to Secure -> Compliance center -> Frameworks
- Create a new framework
- Go to Secure -> Policies
- Create a new policy with a long name and scope it to the framework
- Go to Secure -> Compliance center -> Frameworks
- Verify that long policy names wrap within their column instead of overflowing
Edited by Nate Rosandich

