ResizableBox: Ensure tooltip text remains on a single line (#39623)

andrewserong · web-flow · commit 3ef88d4448f4 · 2022-03-23T09:41:52.000+11:00
* ResizableBox: Ensure tooltip text remains on a single line

* Add changelog entry
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -21,6 +21,7 @@
 
 -   `NumberControl`: commit (and constrain) value on `blur` event ([#39186](https://github.com/WordPress/gutenberg/pull/39186)).
 -   Fix `UnitControl`'s reset of unit when the quantity value is cleared. ([#39531](https://github.com/WordPress/gutenberg/pull/39531/)).
+-   `ResizableBox`: Ensure tooltip text remains on a single line. ([#39623](https://github.com/WordPress/gutenberg/pull/39623)).
 
 ### Deprecation
 
diff --git a/packages/components/src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js b/packages/components/src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js
@@ -48,5 +48,6 @@ export const LabelText = styled( Text )`
 		display: block;
 		font-size: 13px;
 		line-height: 1.4;
+		white-space: nowrap;
 	}
 `;

Original file line number	Diff line number	Diff line change
@@ -48,5 +48,6 @@ export const LabelText = styled( Text )`
`48`	`48`	`display: block;`
`49`	`49`	`font-size: 13px;`
`50`	`50`	`line-height: 1.4;`
	`51`	`+ white-space: nowrap;`
`51`	`52`	`}`
`52`	`53`	`;