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
This commit is contained in:
Dominik Schilling (ocean90) 2014-03-25 11:47:27 +00:00
parent e54fff3bb1
commit 2e1f98d2a0
2 changed files with 5 additions and 2 deletions

View File

@ -101,12 +101,13 @@
cursor: move; cursor: move;
} }
/* @todo What does this do? */
.control-section.accordion-section.widget-customizer-highlighted > .accordion-section-title, .control-section.accordion-section.widget-customizer-highlighted > .accordion-section-title,
.customize-control-widget_form.widget-customizer-highlighted { .customize-control-widget_form.widget-customizer-highlighted {
outline: none; outline: none;
-webkit-box-shadow: 0 0 3px #ce0000; -webkit-box-shadow: 0 0 3px #ce0000;
box-shadow: 0 0 3px #ce0000; box-shadow: 0 0 3px #ce0000;
position: relative;
z-index: 1;
} }
#widget-customizer-control-templates { #widget-customizer-control-templates {

View File

@ -734,9 +734,11 @@ class WP_Customize_Widgets {
?> ?>
<style> <style>
.widget-customizer-highlighted-widget { .widget-customizer-highlighted-widget {
border-radius: 2px;
outline: none; outline: none;
-webkit-box-shadow: 0 0 3px #ce0000;
box-shadow: 0 0 3px #ce0000; box-shadow: 0 0 3px #ce0000;
position: relative;
z-index: 1;
} }
</style> </style>
<?php <?php