Changeset 44466

Timestamp:

01/08/2019 06:18:17 AM (8 years ago)

Author:

pento

Message:

Comments: Improve the Author box in the Edit Comment screen.

• Add a border below the heading, to match meta boxes.
• Remove the colons from the input labels.
• Tweak the padding and margins.

Props birgire, abdullahramzan, rhetorical, BODA1982, pento.
Fixes #43586.

Location:

trunk/src/wp-admin

Files:

• css/common.css (modified) (2 diffs)
• css/edit.css (modified) (3 diffs)
• edit-form-comment.php (modified) (3 diffs)

trunk/src/wp-admin/css/common.css

@@ -2062 +2062 @@
 }
 
-.postbox .inside,
-.stuffbox .inside {
+.postbox .inside {
         padding: 0 12px 12px;
         line-height: 1.4em;
         font-size: 13px;
+}
+
+.stuffbox .inside {
+        padding: 0;
+        line-height: 1.4em;
+        font-size: 13px;
+        margin-top: 0;
 }
 
@@ -2364 +2370 @@
 
 .edit-comment-author {
-        font-size: 14px;
-        line-height: 1.4;
-        font-weight: 600;
         color: #222;
-        margin: 2px 0 0 9px;
+        border-bottom: 1px solid #eee;
 }
 

trunk/src/wp-admin/css/edit.css

@@ -608 +608 @@
 }
 
+#poststuff .stuffbox h2 {
+        padding: 8px 10px;
+}
+
 #poststuff .inside {
         margin: 6px 0 0 0;
+}
+
+#poststuff .stuffbox .inside {
+  margin: 0;
 }
 
@@ -1247 +1255 @@
 .stuffbox .editcomment {
         clear: none;
+        margin-top: 0;
+}
+
+#namediv.stuffbox .editcomment input {
+        width: 100%;
+}
+
+#namediv.stuffbox .editcomment.form-table td {
+        padding: 10px;
 }
 
@@ -1440 +1457 @@
         }
 
+        #poststuff .stuffbox .inside {
+                padding: 0 2px 4px 0;
+        }
+
         #poststuff h3.hndle, /* Back-compat for pre-4.4 */
         #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
         #poststuff h2 {
                 padding: 12px;
+        }
+
+        #namediv.stuffbox .editcomment.form-table td {
+                padding: 5px 10px;
         }
 

trunk/src/wp-admin/edit-form-comment.php

@@ -42 +42 @@
 <div class="inside">
 <fieldset>
-<legend class="edit-comment-author"><?php _e( 'Author' ); ?></legend>
+<h2 class="edit-comment-author">
+        <span><?php _e( 'Author' ); ?></span>
+</h2>
 <table class="form-table editcomment">
 <tbody>
 <tr>
-        <td class="first"><label for="name"><?php _e( 'Name:' ); ?></label></td>
+        <td class="first"><label for="name"><?php _e( 'Name' ); ?></label></td>
         <td><input type="text" name="newcomment_author" size="30" value="<?php echo esc_attr( $comment->comment_author ); ?>" id="name" /></td>
 </tr>
 <tr>
-        <td class="first"><label for="email"><?php _e( 'Email:' ); ?></label></td>
+        <td class="first"><label for="email"><?php _e( 'Email' ); ?></label></td>
         <td>
                 <input type="text" name="newcomment_author_email" size="30" value="<?php echo $comment->comment_author_email; ?>" id="email" />
@@ -56 +58 @@
 </tr>
 <tr>
-        <td class="first"><label for="newcomment_author_url"><?php _e( 'URL:' ); ?></label></td>
+        <td class="first"><label for="newcomment_author_url"><?php _e( 'URL' ); ?></label></td>
         <td>
                 <input type="text" id="newcomment_author_url" name="newcomment_author_url" size="30" class="code" value="<?php echo esc_attr( $comment->comment_author_url ); ?>" />
@@ -63 +65 @@
 </tbody>
 </table>
-<br />
 </fieldset>
 </div>