diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css
index 553a3ca853..4c2e91cd2a 100644
--- a/src/wp-admin/css/customize-controls.css
+++ b/src/wp-admin/css/customize-controls.css
@@ -917,6 +917,11 @@ p.customize-section-description {
.customize-control-header .header-view:after {
border: 0;
}
+
+.customize-control-header .header-view.selected .choice:focus {
+ outline: none;
+}
+
.customize-control-header .header-view.selected:after {
content: '';
position: absolute;
@@ -926,6 +931,7 @@ p.customize-section-description {
-webkit-border-radius: 2px;
border-radius: 2px;
}
+
.customize-control-header .header-view.button.selected {
border: 0;
}
@@ -939,7 +945,7 @@ p.customize-section-description {
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 10px;
- right: -999px;
+ left: -999px;
z-index: 1;
width: 26px;
height: 26px;
@@ -948,9 +954,14 @@ p.customize-section-description {
.customize-control-header .header-view:hover .close,
.customize-control-header .header-view .close:focus {
+ left: auto;
right: 10px;
}
+.customize-control-header .header-view .close:focus {
+ outline: 1px solid #5b9dd9;
+}
+
/* Header control: randomiz(s)er */
.customize-control-header .random.placeholder {
@@ -997,6 +1008,16 @@ p.customize-section-description {
margin-bottom: 9px;
}
+.customize-control-header .choice:focus {
+ outline: none;
+ -webkit-box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 3px 1px rgba(30, 140, 190, .8);
+ box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 3px 1px rgba(30, 140, 190, .8);
+}
+
.customize-control-header .uploaded div:last-child > .choice {
margin-bottom: 0;
}
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 9852de6ddc..16ebae71bd 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
@@ -102,10 +102,6 @@ class WP_Customize_Header_Image_Control extends WP_Customize_Image_Control {
<# } else { #>
- <# if (data.type === 'uploaded') { #>
-
- <# } #>
-
+ <# if ( data.type === 'uploaded' ) { #>
+
+ <# } #>
+
<# } #>
@@ -131,7 +131,7 @@ class WP_Customize_Header_Image_Control extends WP_Customize_Image_Control {
<# } else { #>
-
+
<# } #>
<# } else { #>