From 581e45426c5d2b154db9a334e22c2487468e3ea5 Mon Sep 17 00:00:00 2001
From: Sergey Biryukov <sergeybiryukov@git.wordpress.org>
Date: Sun, 27 Sep 2020 20:46:44 +0000
Subject: [PATCH] Media: Make the "Copy URL" button implementation more
 consistent with other instances in core:

* Make the "Copied!" text green.
* Make the button verbiage clear that it's copied "to clipboard".

Props garrett-eclipse, mukesh27.
Fixes #51355.

git-svn-id: https://develop.svn.wordpress.org/trunk@49064 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/media.css          | 5 +++++
 src/wp-admin/includes/media.php     | 2 +-
 src/wp-includes/css/media-views.css | 2 ++
 src/wp-includes/media-template.php  | 4 ++--
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css
index 0385121a6d..7c09be69c9 100644
--- a/src/wp-admin/css/media.css
+++ b/src/wp-admin/css/media.css
@@ -804,7 +804,12 @@ border color while dragging a file over the uploader drop area */
 	clear: both;
 }
 
+.copy-to-clipboard-container .copy-attachment-url {
+	white-space: normal;
+}
+
 .copy-to-clipboard-container .success {
+	color: #40860a;
 	margin-left: 8px;
 }
 
diff --git a/src/wp-admin/includes/media.php b/src/wp-admin/includes/media.php
index 84d2644783..94cc216df5 100644
--- a/src/wp-admin/includes/media.php
+++ b/src/wp-admin/includes/media.php
@@ -3271,7 +3271,7 @@ function attachment_submitbox_metadata() {
 		<label for="attachment_url"><?php _e( 'File URL:' ); ?></label>
 		<input type="text" class="widefat urlfield" readonly="readonly" name="attachment_url" id="attachment_url" value="<?php echo esc_attr( $att_url ); ?>" />
 		<span class="copy-to-clipboard-container">
-			<button type="button" class="button copy-attachment-url edit-media" data-clipboard-target="#attachment_url"><?php _e( 'Copy URL' ); ?></button>
+			<button type="button" class="button copy-attachment-url edit-media" data-clipboard-target="#attachment_url"><?php _e( 'Copy URL to clipboard' ); ?></button>
 			<span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>
 		</span>
 	</div>
diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
index 40ab95a7bb..0303d86dc9 100644
--- a/src/wp-includes/css/media-views.css
+++ b/src/wp-includes/css/media-views.css
@@ -474,7 +474,9 @@
 .attachment-details .copy-to-clipboard-container .success {
 	padding: 0;
 	min-height: 0;
+	line-height: 2.18181818;
 	text-align: left;
+	color: #40860a;
 }
 
 .compat-item label span {
diff --git a/src/wp-includes/media-template.php b/src/wp-includes/media-template.php
index 1f69382f12..47204f31b7 100644
--- a/src/wp-includes/media-template.php
+++ b/src/wp-includes/media-template.php
@@ -503,7 +503,7 @@ function wp_print_media_templates() {
 					<label for="attachment-details-two-column-copy-link" class="name"><?php _e( 'File URL:' ); ?></label>
 					<input type="text" class="attachment-details-copy-link" id="attachment-details-two-column-copy-link" value="{{ data.url }}" readonly />
 					<span class="copy-to-clipboard-container">
-						<button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-two-column-copy-link"><?php _e( 'Copy URL' ); ?></button>
+						<button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-two-column-copy-link"><?php _e( 'Copy URL to clipboard' ); ?></button>
 						<span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>
 					</span>
 				</span>
@@ -694,7 +694,7 @@ function wp_print_media_templates() {
 			<label for="attachment-details-copy-link" class="name"><?php _e( 'File URL:' ); ?></label>
 			<input type="text" class="attachment-details-copy-link" id="attachment-details-copy-link" value="{{ data.url }}" readonly />
 			<div class="copy-to-clipboard-container">
-				<button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link"><?php _e( 'Copy URL' ); ?></button>
+				<button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link"><?php _e( 'Copy URL to clipboard' ); ?></button>
 				<span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>
 			</div>
 		</span>