Changeset 60266

Timestamp:

05/30/2025 04:24:04 PM (7 weeks ago)

Author:

audrasjb

Message:

Media: Fix overflow of long user display names on Edit Media screen.

This changeset resolves an issue where long usernames in the media uploader modal would overflow their container. By adding the dedicated word-wrap-break-word class, usernames now properly break into multiple lines.

Follow-up to [59834], [59835].

Props sainathpoojary, audrasjb, sabernhardt, renishsurani, SirLouen, valentingrenier.
Fixes #63243.

Location:

trunk/src

Files:

• wp-admin/includes/media.php (modified) (1 diff)
• wp-includes/media-template.php (modified) (2 diffs)

trunk/src/wp-admin/includes/media.php

@@ -3338 +3338 @@
     }
     ?>
-    <div class="misc-pub-section misc-pub-uploadedby">
+    <div class="misc-pub-section misc-pub-uploadedby word-wrap-break-word">
         <?php if ( $uploaded_by_link ) { ?>
             <?php _e( 'Uploaded by:' ); ?> <a href="<?php echo $uploaded_by_link; ?>"><strong><?php echo $uploaded_by_name; ?></strong></a>

trunk/src/wp-includes/media-template.php

@@ -444 +444 @@
                 </h2>
                 <div class="uploaded"><strong><?php _e( 'Uploaded on:' ); ?></strong> {{ data.dateFormatted }}</div>
-                <div class="uploaded-by">
+                <div class="uploaded-by word-wrap-break-word">
                     <strong><?php _e( 'Uploaded by:' ); ?></strong>
                         <# if ( data.authorLink ) { #>
@@ -606 +606 @@
                         <# if ( data.image && data.image.src && data.image.src !== data.icon ) { #>
                             <img src="{{ data.image.src }}" class="thumbnail" draggable="false" alt="" />
-                        <# } else if ( data.sizes ) { 
+                        <# } else if ( data.sizes ) {
                                 if ( data.sizes.medium ) { #>
                                     <img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" />