diff --git a/src/js/_enqueues/wp/customize/views.js b/src/js/_enqueues/wp/customize/views.js index a7125e032e63c..02c984de70c43 100644 --- a/src/js/_enqueues/wp/customize/views.js +++ b/src/js/_enqueues/wp/customize/views.js @@ -37,10 +37,14 @@ setButtons: function() { var elements = $('#customize-control-header_image .actions .remove'); + var addButton = $('#customize-control-header_image .actions .new'); + if (this.model.get('choice')) { elements.show(); + addButton.removeClass('upload-button'); } else { elements.hide(); + addButton.addClass('upload-button'); } } }); diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index 3d95b8d0ecd4f..f39f838b6fb0d 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -1441,6 +1441,21 @@ p.customize-section-description { white-space: normal; } +.customize-control .attachment-media-view .upload-button { + width: 100%; + padding: 9px 0; +} + +.customize-control .attachment-media-view .upload-button.control-focus { + width: auto; + padding: 0 10px; +} + +.customize-control.customize-control-header .actions .upload-button.button.new { + width: 100%; + padding: 9px 0; +} + .customize-control .attachment-media-view .thumbnail, .customize-control-header .current .container { overflow: hidden; @@ -2990,6 +3005,10 @@ body.adding-widget .add-new-widget:before, vertical-align: middle; } + .customize-control .attachment-media-view .upload-button { + padding: 5px 0; + } + #customize-control-changeset_status .customize-inside-control-row { padding-top: 15px; } diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css index 2802c30c692db..1d4dbe6f3eb9a 100644 --- a/src/wp-admin/css/forms.css +++ b/src/wp-admin/css/forms.css @@ -794,32 +794,6 @@ ul#add-to-blog-users { outline: 2px solid transparent; } -.button-add-site-icon { - width: 100%; - cursor: pointer; - text-align: center; - border: 1px dashed #c3c4c7; - box-sizing: border-box; - padding: 9px 0; - line-height: 1.6; - max-width: 270px; - border-radius: 4px; - background: #f0f0f1; -} - -.button-add-site-icon:focus, -.button-add-site-icon:hover { - background: #fff; -} - -.button-add-site-icon:focus { - background-color: #fff; - border-color: #3582c4; - border-style: solid; - box-shadow: 0 0 0 1px #3582c4; - outline: 2px solid transparent; -} - /*------------------------------------------------------------------------------ 15.0 - Comments Screen ------------------------------------------------------------------------------*/ diff --git a/src/wp-admin/options-general.php b/src/wp-admin/options-general.php index f0becb113d767..62dabc4444954 100644 --- a/src/wp-admin/options-general.php +++ b/src/wp-admin/options-general.php @@ -105,7 +105,7 @@ wp_enqueue_media(); wp_enqueue_script( 'site-icon' ); - $classes_for_upload_button = 'upload-button button-add-media button-add-site-icon'; + $classes_for_upload_button = 'upload-button button-hero button'; $classes_for_update_button = 'button'; $classes_for_wrapper = ''; diff --git a/src/wp-includes/customize/class-wp-customize-header-image-control.php b/src/wp-includes/customize/class-wp-customize-header-image-control.php index 2d36ecccc459d..644d40b4c0a98 100644 --- a/src/wp-includes/customize/class-wp-customize-header-image-control.php +++ b/src/wp-includes/customize/class-wp-customize-header-image-control.php @@ -173,12 +173,6 @@ public function print_header_image_template() { {{data.header.alt_text || data.header.description}} <# } #> - <# } else { #> - -
- -
- <# } #> - +
diff --git a/src/wp-includes/customize/class-wp-customize-media-control.php b/src/wp-includes/customize/class-wp-customize-media-control.php index c4af7c24ed2ed..af137512c41f3 100644 --- a/src/wp-includes/customize/class-wp-customize-media-control.php +++ b/src/wp-includes/customize/class-wp-customize-media-control.php @@ -196,7 +196,7 @@ public function content_template() { <# } else { #>
<# if ( data.canUpload ) { #> - + <# } #>
<# if ( data.defaultAttachment ) { #> diff --git a/src/wp-includes/customize/class-wp-customize-site-icon-control.php b/src/wp-includes/customize/class-wp-customize-site-icon-control.php index fe05678321cc2..e8dd34070d74c 100644 --- a/src/wp-includes/customize/class-wp-customize-site-icon-control.php +++ b/src/wp-includes/customize/class-wp-customize-site-icon-control.php @@ -126,7 +126,7 @@ public function content_template() { <# } else { #>
<# if ( data.canUpload ) { #> - + <# } #>
<# if ( data.defaultAttachment ) { #>