Changeset 41853

Timestamp:

10/13/2017 08:22:56 AM (7 years ago)

Author:

westonruter

Message:

Customize: Fix positioning of Preview button in mobile.

Props Mahvash-Fatima.
Fixes #42172.

File:

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

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

@@ -1759 +1759 @@
 
 /* Animations for opening the themes panel */
-#customize-header-actions .save,
-#customize-header-actions #publish-settings,
+#customize-save-button-wrapper,
 #customize-header-actions .spinner,
 #customize-header-actions .customize-controls-preview-toggle {
-    position: relative;
-    top: 0;
-    transition: .18s top ease-in-out;
+    transition: .18s margin ease-in-out;
 }
 
@@ -1785 +1782 @@
 }
 
-.in-themes-panel #customize-header-actions .save,
-.in-themes-panel #customize-header-actions #publish-settings,
+.in-themes-panel #customize-save-button-wrapper,
 .in-themes-panel #customize-header-actions .spinner,
 .in-themes-panel #customize-header-actions .customize-controls-preview-toggle {
-    top: -45px;
+    margin-top: -46px; /* Height of header actions bar */
 }