Changeset 42036

Timestamp:

10/28/2017 06:53:40 AM (9 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;
+        }
+}