Uploads: Use the word-wrap-break-word instead of specific CSS on `.…

…upload-error-filename`. This changeset replaces the `word-break: break-all` CSS declaration added to the `.upload-error-filename` element with the common class `word-wrap-break-word`, for better maintainability. Follow-up to [59834]. Props sabernhardt. Fixes #62980. git-svn-id: https://develop.svn.wordpress.org/trunk@59835 602fd350-edb4-49c9-b593-d223f7449a82
WordPress · Feb 17, 2025 · d42962b · d42962b
1 parent cc82ccd
commit d42962b
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
@@ -1421,7 +1421,6 @@
 
 .upload-errors .upload-error-filename {
 	font-weight: 600;
-	word-break: break-all;
 }
 
 .upload-errors .upload-error-message {

diff --git a/src/wp-includes/media-template.php b/src/wp-includes/media-template.php
@@ -356,7 +356,7 @@ function wp_print_media_templates() {
 
 	<?php // Template for the uploading status errors. ?>
 	<script type="text/html" id="tmpl-uploader-status-error">
-		<span class="upload-error-filename">{{{ data.filename }}}</span>
+		<span class="upload-error-filename word-wrap-break-word">{{{ data.filename }}}</span>
 		<span class="upload-error-message">{{ data.message }}</span>
 	</script>