Changeset 36264

Timestamp:

01/11/2016 11:04:40 PM (11 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;
+        }
 }