From 2e1f98d2a079b0a957c06f8d3d9470c7a6ba657c Mon Sep 17 00:00:00 2001
From: "Dominik Schilling (ocean90)" <ocean90@git.wordpress.org>
Date: Tue, 25 Mar 2014 11:47:27 +0000
Subject: [PATCH] Widget Customizer: Improve widget highlighting.

* Prefix box-shadow in inject_preview_css()
* Remove border-radius in inject_preview_css()
* Prevent hidden box-shadows in Customizer

see #27358.

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

diff --git a/src/wp-admin/css/customize-widgets.css b/src/wp-admin/css/customize-widgets.css
index f8530a1372..768e7698d8 100644
--- a/src/wp-admin/css/customize-widgets.css
+++ b/src/wp-admin/css/customize-widgets.css
@@ -101,12 +101,13 @@
 	cursor: move;
 }
 
-/* @todo What does this do? */
 .control-section.accordion-section.widget-customizer-highlighted > .accordion-section-title,
 .customize-control-widget_form.widget-customizer-highlighted {
 	outline: none;
 	-webkit-box-shadow: 0 0 3px #ce0000;
 	box-shadow: 0 0 3px #ce0000;
+	position: relative;
+	z-index: 1;
 }
 
 #widget-customizer-control-templates {
diff --git a/src/wp-includes/class-wp-customize-widgets.php b/src/wp-includes/class-wp-customize-widgets.php
index 4a00078d25..74c6ee066a 100644
--- a/src/wp-includes/class-wp-customize-widgets.php
+++ b/src/wp-includes/class-wp-customize-widgets.php
@@ -734,9 +734,11 @@ class WP_Customize_Widgets {
 		?>
 		<style>
 		.widget-customizer-highlighted-widget {
-			border-radius: 2px;
 			outline: none;
+			-webkit-box-shadow: 0 0 3px #ce0000;
 			box-shadow: 0 0 3px #ce0000;
+			position: relative;
+			z-index: 1;
 		}
 		</style>
 		<?php