Changeset 60266 for trunk/src/wp-includes/media-template.php

Timestamp:

05/30/2025 04:24:04 PM (11 months 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.

File:

• trunk/src/wp-includes/media-template.php (modified) (2 diffs)

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="" />