Changeset 54139

Timestamp:

09/12/2022 11:48:15 PM (3 years ago)

Author:

audrasjb

Message:

Twenty Seventeen: Ensure long text wraps correctly in the Button Block.

This changeset replaces white-space: nowrap with white-space: preline to ensure long text used in the button block correctly wraps to a second line.

Follow-up to [44148].

Props robertghetau, bhrugesh12, sabernhardt, mukesh27.
Fixes #55783.

Location:

trunk/src/wp-content/themes/twentyseventeen/assets/css

Files:

• blocks.css (modified) (2 diffs)
• editor-blocks.css (modified) (2 diffs)

trunk/src/wp-content/themes/twentyseventeen/assets/css/blocks.css

@@ -138 +138 @@
     -webkit-transition: background-color 0.2s ease-in-out;
     transition: background-color 0.2s ease-in-out;
-    white-space: nowrap;
+    white-space: pre-line;
 }
 
@@ -215 +215 @@
     -webkit-transition: background-color 0.2s ease-in-out;
     transition: background-color 0.2s ease-in-out;
-    white-space: nowrap;
+    white-space: pre-line;
 }
 

trunk/src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css

@@ -609 +609 @@
     -webkit-transition: background-color 0.2s ease-in-out;
     transition: background-color 0.2s ease-in-out;
-    white-space: nowrap;
+    white-space: pre-line;
 }
 
@@ -736 +736 @@
     -webkit-transition: background-color 0.2s ease-in-out;
     transition: background-color 0.2s ease-in-out;
-    white-space: nowrap;
+    white-space: pre-line;
 }