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
This commit is contained in:
Jb Audras
2022-07-25 18:09:26 +00:00
parent 0d7487bad9
commit e5bd74cad8
3 changed files with 10 additions and 5 deletions
+8 -4
View File
@@ -438,8 +438,10 @@ function wp_print_media_templates() {
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<?php _e( 'Original image:' ); ?>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
<div class="word-wrap-break-word">
<?php _e( 'Original image:' ); ?>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# } #>
@@ -661,8 +663,10 @@ function wp_print_media_templates() {
<# } #>
<# if ( data.originalImageURL && data.originalImageName ) { #>
<?php _e( 'Original image:' ); ?>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
<div class="word-wrap-break-word">
<?php _e( 'Original image:' ); ?>
<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
</div>
<# } #>
<# if ( data.can.save && data.sizes ) { #>