Skip to content

Commit e5bd74c

Browse files
audrasjbaudrasjb
committed
Media: Prevent URLs from overflowing their container in the media editor.
This changeset also introduces the `.word-wrap-break-word` class which can be used to apply `word-wrap: break-word` to admin elements when needed. Props mitogh, costdev, kapilpaul, alamgircsebd, sabernhardt, anantajitjg, afercia, circlecube, SergeyBiryukov, rafiahmedd, audrasjb. Fixes #55393. git-svn-id: https://develop.svn.wordpress.org/trunk@53777 602fd350-edb4-49c9-b593-d223f7449a82
1 parent 0d7487b commit e5bd74c

3 files changed

Lines changed: 10 additions & 5 deletions

File tree

‎src/wp-admin/css/common.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -949,6 +949,7 @@ a#remove-post-thumbnail:hover,
949949
padding: 6px 10px 8px;
950950
}
951951

952+
.word-wrap-break-word,
952953
.misc-pub-filename {
953954
word-wrap: break-word;
954955
}

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3469,7 +3469,7 @@ function attachment_submitbox_metadata() {
34693469

34703470
if ( ! empty( $meta['original_image'] ) ) {
34713471
?>
3472-
<div class="misc-pub-section misc-pub-original-image">
3472+
<div class="misc-pub-section misc-pub-original-image word-wrap-break-word">
34733473
<?php _e( 'Original image:' ); ?>
34743474
<a href="<?php echo esc_url( wp_get_original_image_url( $attachment_id ) ); ?>">
34753475
<?php echo esc_html( wp_basename( wp_get_original_image_path( $attachment_id ) ) ); ?>

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

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -438,8 +438,10 @@ function wp_print_media_templates() {
438438
<# } #>
439439

440440
<# if ( data.originalImageURL && data.originalImageName ) { #>
441-
<?php _e( 'Original image:' ); ?>
442-
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
441+
<div class="word-wrap-break-word">
442+
<?php _e( 'Original image:' ); ?>
443+
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
444+
</div>
443445
<# } #>
444446
<# } #>
445447

@@ -661,8 +663,10 @@ function wp_print_media_templates() {
661663
<# } #>
662664

663665
<# if ( data.originalImageURL && data.originalImageName ) { #>
664-
<?php _e( 'Original image:' ); ?>
665-
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
666+
<div class="word-wrap-break-word">
667+
<?php _e( 'Original image:' ); ?>
668+
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
669+
</div>
666670
<# } #>
667671

668672
<# if ( data.can.save && data.sizes ) { #>

0 commit comments

Comments
 (0)