diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index d1f333e343..ea5787d4cb 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -781,8 +781,8 @@ border color while dragging a file over the uploader drop area */ .edit-attachment-frame input, .edit-attachment-frame textarea { - padding: 6px 8px; - line-height: 1.14285714; + padding: 4px 8px; + line-height: 1.42857143; } .edit-attachment-frame .attachment-info { @@ -849,6 +849,11 @@ border color while dragging a file over the uploader drop area */ margin-bottom: 5px; } +.wp_attachment_details #attachment_alt { + max-width: 500px; + height: 3.28571428em; +} + .wp_attachment_details .attachment-alt-text-description { margin-top: 5px; } @@ -1231,11 +1236,24 @@ audio, video { } @media screen and (max-width: 782px) { + .edit-attachment-frame input, + .edit-attachment-frame textarea { + line-height: 1.5; + } + .wp_attachment_details label[for="content"] { font-size: 14px; line-height: 1.5; } + .wp_attachment_details textarea { + line-height: 1.5; + } + + .wp_attachment_details #attachment_alt { + height: 3.375em; + } + .media-upload-form .media-item.error, .media-upload-form .media-item .error { font-size: 13px; diff --git a/src/wp-admin/includes/media.php b/src/wp-admin/includes/media.php index 51f21ddb7d..c479ddc851 100644 --- a/src/wp-admin/includes/media.php +++ b/src/wp-admin/includes/media.php @@ -3207,7 +3207,7 @@ function edit_form_image_editor( $post ) { post_mime_type, 0, 5 ) ) : ?>


- +

<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> - + - +

<# } #> @@ -706,9 +706,9 @@ function wp_print_media_templates() { <# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> - + - +

<# } #> @@ -1014,7 +1014,7 @@ function wp_print_media_templates() { - +

@@ -1077,7 +1077,7 @@ function wp_print_media_templates() {
- +

diff --git a/tests/qunit/index.html b/tests/qunit/index.html index de4a9589be..47c5ee21ca 100644 --- a/tests/qunit/index.html +++ b/tests/qunit/index.html @@ -1171,10 +1171,10 @@
<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #> <# if ( 'image' === data.type ) { #> - + + + +

Describe the purpose of the image (opens in a new tab). Leave empty if the image is purely decorative.

<# } #>
- + + + +

Describe the purpose of the image (opens in a new tab). Leave empty if the image is purely decorative.

- + + + +

Describe the purpose of the image (opens in a new tab). Leave empty if the image is purely decorative.