Widget Customizer: Improve behavior of bigger widgets.

* Support widgets which are higher than browsers viewport.
* Use widgets width as max-width.
* Don't animate the width of wide widgets to make them visible, instead fade them in/out.
* Fix Chrome flickerings while updating wide widgets.

props adamsilverstein, westonruter, ocean90.
see #27348.

git-svn-id: https://develop.svn.wordpress.org/trunk@27798 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90)
2014-03-27 23:12:25 +00:00
parent bbe59d0487
commit 4d57b96fb2
2 changed files with 27 additions and 20 deletions

View File

@@ -50,16 +50,16 @@
left: auto !important;
max-width: 100%;
}
.customize-control-widget_form.wide-widget-control .widget-inside {
position: fixed;
left: 299px;
top: 25%;
padding: 20px;
border: 1px solid rgb(229, 229, 229);
z-index: -1;
overflow: auto;
}
.customize-control-widget_form.wide-widget-control.collapsing .widget-inside {
z-index: -2;
.customize-control-widget_form.wide-widget-control .widget-inside > .form {
padding: 20px;
}
.customize-control-widget_form.wide-widget-control .widget-top {