Customizer theme switcher: Fix some esoteric breakage in iOS Safari.

This manifested in only being able to switch your theme once in the customizer before the "Change" button would appear to stop responding, though a switch to "Preview" and back to "Customize" would reveal the theme switcher after all. Animated positioning appears to be the problem here. The animations are not critical to the experience, particularly on touch+smaller screen devices.

props iseulde.
see #31794.


git-svn-id: https://develop.svn.wordpress.org/trunk@32103 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2015-04-10 02:43:20 +00:00
parent 6cf43dfc06
commit 3019ddf457
1 changed files with 16 additions and 0 deletions

View File

@ -242,6 +242,11 @@ body {
transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
}
.ios .control-panel-back {
-webkit-transition: left 0s;
transition: left 0s;
}
.collapsed .control-panel-back {
display: none;
}
@ -304,6 +309,12 @@ body {
transition: left ease-in-out .18s;
}
.ios #customize-info,
.ios #customize-theme-controls > ul > .accordion-section {
-webkit-transition: left 0s;
transition: left 0s;
}
.in-sub-panel #customize-info,
.in-sub-panel #customize-theme-controls > ul > .accordion-section {
left: -300px;
@ -329,6 +340,11 @@ body {
transition: left ease-in-out .18s;
}
.ios #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
-webkit-transition: left 0s;
transition: left 0s;
}
.control-section.control-panel .accordion-section-title .panel-title {
font-size: 20px;
font-weight: 200;