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.
Built from https://develop.svn.wordpress.org/trunk@27702


git-svn-id: http://core.svn.wordpress.org/trunk@27541 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Dominik Schilling 2014-03-25 11:48:14 +00:00
parent b7d77cd8bf
commit ea6c9a5515
5 changed files with 9 additions and 5 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 {

File diff suppressed because one or more lines are too long

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 {

File diff suppressed because one or more lines are too long

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