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 { #> - {{{data.header.alt_text || data.header.description}}} + {{{data.header.alt_text || data.header.description}}} <# } #> <# } else { #>