Changeset 58979

Timestamp:

09/03/2024 08:04:59 PM (2 years ago)

Author:

hellofromTonya

Message:

Help/About: Fix text wrapping on non-English locales.

In [57715], headings on the About pages were given text-wrap: balance. This rule causes unexpected breaks in non-latin langauges, e.g., Japanese, Korean. This fix sets the text-wrap to pretty for browsers that support it, and uses balance for English-only.

Reviewed by hellofromTonya.
Merges [58976] to the 6.6 branch.

Props akshat2802, wildworks, ryelle, sabernhardt, hellofromTonya.
Fixes #60892.

Location:

branches/6.6

Files:

• . (modified) (1 prop)
• src/wp-admin/css/about.css (modified) (1 diff)

branches/6.6/src/wp-admin/css/about.css

@@ -408 +408 @@
 .about__container h3,
 .about__container h4 {
+        text-wrap: pretty;
+        color: inherit;
+}
+
+.about__container :is(h1, h2, h3, h4):lang(en) {
         text-wrap: balance;
-        color: inherit;
 }