From 1746a68584dbadb8807a1520546725f8a1e572df Mon Sep 17 00:00:00 2001
From: Jb Audras <audrasjb@git.wordpress.org>
Date: Mon, 12 Sep 2022 23:48:15 +0000
Subject: [PATCH] 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.


git-svn-id: https://develop.svn.wordpress.org/trunk@54139 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-content/themes/twentyseventeen/assets/css/blocks.css   | 4 ++--
 .../themes/twentyseventeen/assets/css/editor-blocks.css       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/wp-content/themes/twentyseventeen/assets/css/blocks.css b/src/wp-content/themes/twentyseventeen/assets/css/blocks.css
index a64b1d3458..d8c34349ab 100644
--- a/src/wp-content/themes/twentyseventeen/assets/css/blocks.css
+++ b/src/wp-content/themes/twentyseventeen/assets/css/blocks.css
@@ -137,7 +137,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 	padding: 0.7em 2em;
 	-webkit-transition: background-color 0.2s ease-in-out;
 	transition: background-color 0.2s ease-in-out;
-	white-space: nowrap;
+	white-space: pre-line;
 }
 
 .wp-block-file .wp-block-file__button:hover,
@@ -214,7 +214,7 @@ p.has-drop-cap:not(:focus)::first-letter {
 	padding: 0.7em 2em;
 	-webkit-transition: background-color 0.2s ease-in-out;
 	transition: background-color 0.2s ease-in-out;
-	white-space: nowrap;
+	white-space: pre-line;
 }
 
 .entry-content .wp-block-button__link {
diff --git a/src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css b/src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css
index 3e4971b619..69bd59492a 100644
--- a/src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css
+++ b/src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css
@@ -608,7 +608,7 @@ html[lang="th"] .edit-post-visual-editor * {
 	padding: 0.7em 2em;
 	-webkit-transition: background-color 0.2s ease-in-out;
 	transition: background-color 0.2s ease-in-out;
-	white-space: nowrap;
+	white-space: pre-line;
 }
 
 /*--------------------------------------------------------------
@@ -735,7 +735,7 @@ table.wp-block-table td:last-child {
 	padding: 0.7em 2em;
 	-webkit-transition: background-color 0.2s ease-in-out;
 	transition: background-color 0.2s ease-in-out;
-	white-space: nowrap;
+	white-space: pre-line;
 }
 
 .wp-block-button .wp-block-button__link[data-is-placeholder-visible="true"] {