Changeset 31890

Timestamp:

03/25/2015 10:24:37 PM (10 years ago)

Author:

ocean90

Message:

Improve alignment of labels and inputs in Quick Edit.

props mattheu, valendesigns.
fixes #31408.

Location:

trunk/src/wp-admin

Files:

• css/list-tables.css (modified) (10 diffs)
• includes/class-wp-posts-list-table.php (modified) (1 diff)

trunk/src/wp-admin/css/list-tables.css

@@ -814 +814 @@
 .inline-edit-row fieldset .inline-edit-group {
     clear: both;
+    line-height: 2.5;
 }
 
@@ -840 +841 @@
     margin: .2em 0;
     padding: 0;
-    line-height: 23px;
+    line-height: 2.5;
 }
 .inline-edit-row fieldset span.title,
@@ -846 +847 @@
     margin: 0;
     padding: 0;
-    line-height: 27px;
 }
 
@@ -853 +853 @@
     display: block;
     margin: .2em 0;
+    line-height: 2.5;
 }
 
@@ -868 +869 @@
     float: left;
     width: 5em;
+    line-height: 2.5;
 }
 
@@ -880 +882 @@
 }
 
+.inline-edit-row .inline-edit-or {
+    margin: .2em 6px .2em 0;
+    line-height: 2.5;
+}
+
 .inline-edit-row .input-text-wrap input[type=text] {
     width: 100%;
@@ -885 +892 @@
 
 .inline-edit-row fieldset label input[type=checkbox] {
-    vertical-align: text-bottom;
+    vertical-align: middle;
 }
 
@@ -891 +898 @@
     width: 100%;
     height: 4em;
+    vertical-align: top;
 }
 
@@ -919 +927 @@
 .inline-edit-row fieldset span.checkbox-title {
     font-style: italic;
-    line-height: 1.8em;
 }
 
@@ -1706 +1713 @@
     }
 
+    .inline-edit-row .inline-edit-or {
+        margin: 0 6px 0 0;
+    }
+
     #bulk-titles div {
         margin: 0.8em 0.3em;

trunk/src/wp-admin/includes/class-wp-posts-list-table.php

@@ -1113 +1113 @@
                 </label>
 
-                <em style="margin:5px 10px 0 0" class="alignleft">
+                <em class="alignleft inline-edit-or">
                     <?php
                     /* translators: Between password field and private checkbox on post quick edit interface */