Changeset 36264

Timestamp:

01/11/2016 11:04:40 PM (9 years ago)

Author:

afercia

Message:

Menus screen: improve responsiveness of select elements.

Props Luan-Ramos, sagarjadhav.
Fixes #31826.

File:

• trunk/src/wp-admin/css/nav-menus.css (modified) (4 diffs)

trunk/src/wp-admin/css/nav-menus.css

@@ -87 +87 @@
 }
 
-.manage-menus select {
-    float: left;
-    margin-right: 6px;
-}
-
-.manage-menus .selected-menu {
-    float: left;
-    margin: 5px 6px 0 0;
-}
-
-.manage-menus .submit-btn {
-    float: left;
-    margin-top: 1px;
+.manage-menus .selected-menu,
+.manage-menus select,
+.manage-menus .submit-btn,
+.nav-menus-php .add-new-menu-action {
+    display: inline-block;
+    margin-right: 3px;
+    vertical-align: middle;
+}
+
+.manage-menus select,
+.menu-location-menus select {
+    max-width: 100%;
 }
 
@@ -213 +212 @@
 }
 
-.widefat .menu-locations tr + tr td {
-    padding-top: 0;
-}
-
-.widefat .menu-locations td {
-    vertical-align: middle;
+.widefat .menu-locations .menu-location-title {
+    padding: 13px 10px 0;
 }
 
@@ -307 +302 @@
     margin: 0 0 10px;
     padding: 0;
-}
-
-.nav-menus-php .add-new-menu-action {
-    float: left;
-    margin: 6px 0 0 6px;
-    line-height: 15px;
 }
 
@@ -924 +913 @@
         margin-bottom: 15px;
     }
+
+    .manage-menus select {
+        margin: 0.5em 0;
+    }
+
+    .widefat .menu-locations .menu-location-title {
+        padding-top: 16px;
+    }
 }