mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-06-28 14:20:15 +00:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user