Theme Customizer: Fix scrolling on iOS and Kindle Fire. props azaozz, helenyhou. fixes #20805.

Also fixes uploader UIs on iOS and Kindle Fire by improving wp.Uploader.
Adds mobile viewport specifications.
Moves scrollbar back to fixed positioning.


git-svn-id: https://develop.svn.wordpress.org/trunk@21014 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
2012-06-06 21:45:17 +00:00
parent bfcfd40f49
commit 299642f86b
12 changed files with 155 additions and 58 deletions

View File

@@ -5255,27 +5255,23 @@ body.full-overlay-active {
overflow: visible;
top: 0;
bottom: 0;
left: 300px;
left: 0;
right: 0;
height: 100%;
min-width: 0;
}
.wp-full-overlay.collapsed {
left: 0 !important;
}
.wp-full-overlay-sidebar {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
position: fixed;
width: 300px;
height: 100%;
top: 0;
bottom: 0;
right: 100%;
left: 0;
padding: 0;
margin: 0;
z-index: 10;
@@ -5288,6 +5284,19 @@ body.full-overlay-active {
overflow: visible;
}
.wp-full-overlay.collapsed,
.wp-full-overlay.expanded .wp-full-overlay-sidebar {
margin-left: 0 !important;
}
.wp-full-overlay.expanded {
margin-left: 300px;
}
.wp-full-overlay.collapsed .wp-full-overlay-sidebar {
margin-left: -300px;
}
.wp-full-overlay-sidebar:after {
content: '';
display: block;
@@ -5404,11 +5413,11 @@ body.full-overlay-active {
.wp-full-overlay-sidebar,
.wp-full-overlay .collapse-sidebar,
.wp-full-overlay-main {
-webkit-transition-property: left, right, top, bottom, width;
-moz-transition-property: left, right, top, bottom, width;
-ms-transition-property: left, right, top, bottom, width;
-o-transition-property: left, right, top, bottom, width;
transition-property: left, right, top, bottom, width;
-webkit-transition-property: left, right, top, bottom, width, margin;
-moz-transition-property: left, right, top, bottom, width, margin;
-ms-transition-property: left, right, top, bottom, width, margin;
-o-transition-property: left, right, top, bottom, width, margin;
transition-property: left, right, top, bottom, width, margin;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;