Changeset 42036

Timestamp:

10/28/2017 06:53:40 AM (7 years ago)

Author:

westonruter

Message:

Customize: Fix mobile placement of panes for available widgets and nav menu items.

Props Mahvash-Fatima.
Amends [41893].
See #42215.
Fixes #42359.

File:

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

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

@@ -2865 +2865 @@
 @media screen and ( max-width: 640px ) {
 
-    .wp-full-overlay.expanded,
-    .outer-section-open .wp-full-overlay.expanded {
-        margin-left: 0;
-    }
-
     /* when the sidebar is collapsed and switching to responsive view,
        bring it back see ticket #35220 */
@@ -2932 +2927 @@
     }
 
-    .wp-full-overlay.expanded {
-        margin-left: 300px;
-    }
-
     .wp-core-ui.wp-customizer .button {
         padding: 6px 14px;
@@ -2955 +2946 @@
     body.adding-menu-items div#available-menu-items,
     body.outer-section-open div#customize-sidebar-outer-content {
-        top: 46px;
-        left: 0;
-        z-index: 10;
         width: 100%;
-    }
-
-    body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
-        left: -100%;
-    }
-
-    body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
-        left: 0;
     }
 
@@ -3041 +3021 @@
         box-shadow: none;
     }
-}
+
+    .wp-full-overlay.expanded {
+        margin-left: 0;
+    }
+
+    body.adding-widget div#available-widgets,
+    body.adding-menu-items div#available-menu-items,
+    body.outer-section-open div#customize-sidebar-outer-content {
+        top: 46px;
+        z-index: 10;
+    }
+
+    body.wp-customizer .wp-full-overlay.expanded #customize-sidebar-outer-content {
+        left: -100%;
+    }
+
+    body.wp-customizer.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+        left: 0;
+    }
+}