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

ryelle · ryelle · commit d49258b6f77d · 2025-01-06T16:18:25.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. Props franciscabusas22, sabernhardt, yogeshbhutka, sainathpoojary, im3dabasia1, audrasjb. Fixes #62380. git-svn-id: https://develop.svn.wordpress.org/trunk@59580 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 {`