Ticket #34323: 34323.2.diff

src/wp-admin/css/customize-controls.css

@@ -809 +809 @@
         width: 100%;
         position: relative;
         text-align: center;
-        cursor: default;
+        cursor: pointer;
+        background: #fff;
         border: 1px dashed #b4b9be;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
@@ -818 +819 @@
         line-height: 20px;
 }
 
+.customize-control .attachment-media-view .placeholder:hover { /* Placeholder is not focusable. */
+        border-color: #191e23;
+}
+
+.customize-control-header .placeholder { /* This area is used for more than a placeholder for headers. */
+        background: transparent;
+        cursor: default;
+}
+
 .customize-control-header .inner {
         display: none;
         position: absolute;

src/wp-admin/js/customize-controls.js

@@ -1883 +1883 @@
                         // Bind events, with delegation to facilitate re-rendering.
                         control.container.on( 'click keydown', '.upload-button', control.openFrame );
                         control.container.on( 'click keydown', '.upload-button', control.pausePlayer );
+                        control.container.on( 'click',         '.placeholder', control.openFrame );
                         control.container.on( 'click keydown', '.thumbnail-image img', control.openFrame );
                         control.container.on( 'click keydown', '.default-button', control.restoreDefault );
                         control.container.on( 'click keydown', '.remove-button', control.pausePlayer );

src/wp-includes/customize/class-wp-customize-media-control.php

@@ -199 +199 @@
                 <# } else { #>
                         <div class="attachment-media-view">
                                 <div class="placeholder">
-                                                {{ data.button_labels.placeholder }}
+                                        {{ data.button_labels.placeholder }}
                                 </div>
                                 <div class="actions">
                                         <# if ( data.defaultAttachment ) { #>