Change gl-word-break-word to gl-break-anywhere
What does this MR do and why?
Change gl-word-break-word
to gl-break-anywhere
This creates a new class for our tailwind utilities that replaces the deprecated gl-word-break-word
(word-break: break-word
) class
There is no change to css_in_js.js
because gl-word-break-word
is still used in src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.vue#L176. When we migrate this util in GitLab UI it will be removed.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Before | After |
---|---|
![]() |
![]() |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Go to any project
- Go to
Settings -> CI/CD
- Create a new CI variable that has a really long name
- Ensure the text breaks up correctly
Edited by Peter Hegman