Changeset 32103

Timestamp:

04/10/2015 02:43:20 AM (10 years ago)

Author:

helen

Message:

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.

File:

• trunk/src/wp-admin/css/customize-controls.css (modified) (3 diffs)

trunk/src/wp-admin/css/customize-controls.css

@@ -243 +243 @@
 }
 
+.ios .control-panel-back {
+    -webkit-transition: left 0s;
+    transition: left 0s;
+}
+
 .collapsed .control-panel-back {
     display: none;
@@ -305 +310 @@
 }
 
+.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 {
@@ -328 +339 @@
     -webkit-transition: left ease-in-out .18s;
     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;
 }