Help/About: Allow "See everything new" button to wrap

ryelle · ryelle · commit d2a7bee9a620 · 2025-01-06T17:39:12.000Z
On some screen sizes and languages, the "See everything new" button expands out of the content area. This change allows the button to wrap at all screen sizes, and updates the style of this button for wrapped text. Reviewed by SergeyBiryukov. Merges [59580] to the 6.7 branch. Props franciscabusas22, sabernhardt, yogeshbhutka, sainathpoojary, im3dabasia1, audrasjb. Fixes #62380. git-svn-id: https://develop.svn.wordpress.org/branches/6.7@59581 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
@@ -454,7 +454,12 @@
 }
 
 .about__section a.button.button-hero {
+	padding-top: 1.1875rem;
+	padding-bottom: 1.1875rem;
 	font-size: 1.5rem;
+	line-height: 1.4;
+	white-space: normal;
+	text-wrap: pretty;
 }
 
 .about__container ul {

Original file line number	Diff line number	Diff line change
`@@ -454,7 +454,12 @@`
`454`	`454`	`}`
`455`	`455`
`456`	`456`	`.about__section a.button.button-hero {`
	`457`	`+ padding-top: 1.1875rem;`
	`458`	`+ padding-bottom: 1.1875rem;`
`457`	`459`	`font-size: 1.5rem;`
	`460`	`+ line-height: 1.4;`
	`461`	`+ white-space: normal;`
	`462`	`+ text-wrap: pretty;`
`458`	`463`	`}`
`459`	`464`
`460`	`465`	`.about__container ul {`