Skip to content

Change gl-overflow-wrap-break to gl-break-words

What does this MR do and why?

Change gl-overflow-wrap-break to gl-break-words

As part of the migration to Tailwind, this replaces the class mentioned above to the Tailwind equivalent.

#456628 (closed)

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

How to set up and validate locally

diff --git a/config/helpers/tailwind/css_in_js.js b/config/helpers/tailwind/css_in_js.js
index 30cdbbc56530..152175a16c1a 100644
--- a/config/helpers/tailwind/css_in_js.js
+++ b/config/helpers/tailwind/css_in_js.js
@@ -1,5 +1,5 @@
 /**
- * The following 533 definitions need to be migrated to Tailwind.
+ * The following 532 definitions need to be migrated to Tailwind.
  * Let's do this! 🚀
  */
 module.exports = {
@@ -361,7 +361,6 @@ module.exports = {
   '.outline-none\\!': { outline: 'none !important' },
   '.overflow-hidden\\!': { overflow: 'hidden !important' },
   '.overflow-x-hidden\\!': { 'overflow-x': 'hidden !important' },
-  '.overflow-wrap-break': { 'overflow-wrap': 'break-word' },
   '.overflow-wrap-anywhere': { 'overflow-wrap': 'anywhere' },
   '.overflow-visible\\!': { overflow: 'visible !important' },
   '.w-auto\\!': { width: 'auto !important' },
Edited by Jose Ivan Vargas

Merge request reports