Uploads: Fix media uploader styling issue for long filenames.

audrasjb · audrasjb · commit cc82ccd756f4 · 2025-02-17T21:59:15.000Z
This changeset resolves an issue where long filenames in the media uploader modal would overflow their container. By adding `word-break: break-all;` to the `.upload-error-filename` class, filenames now properly break into multiple lines. Props kharisblank, audrasjb, sainathpoojary. Fixes #62980. git-svn-id: https://develop.svn.wordpress.org/trunk@59834 602fd350-edb4-49c9-b593-d223f7449a82
diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
@@ -1421,6 +1421,7 @@
 
 .upload-errors .upload-error-filename {
 	font-weight: 600;
+	word-break: break-all;
 }
 
 .upload-errors .upload-error-message {

Original file line number	Diff line number	Diff line change
`@@ -1421,6 +1421,7 @@`
`1421`	`1421`
`1422`	`1422`	`.upload-errors .upload-error-filename {`
`1423`	`1423`	`font-weight: 600;`
	`1424`	`+ word-break: break-all;`
`1424`	`1425`	`}`
`1425`	`1426`
`1426`	`1427`	`.upload-errors .upload-error-message {`