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.



git-svn-id: https://develop.svn.wordpress.org/trunk@44466 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Gary Pendergast 2019-01-08 06:18:17 +00:00
parent cfbb2e735f
commit 34cd08cd37
3 changed files with 40 additions and 11 deletions

View File

@ -2061,13 +2061,19 @@ html.wp-toolbar {
user-select: none;
}
.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;
}
.postbox .inside {
margin: 11px 0;
position: relative;
@ -2363,11 +2369,8 @@ body.iframe {
}
.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;
}
#namediv h3 label, /* Back-compat for pre-4.4 */

View File

@ -607,10 +607,18 @@ span.wp-media-buttons-icon:before {
line-height: 1.4;
}
#poststuff .stuffbox h2 {
padding: 8px 10px;
}
#poststuff .inside {
margin: 6px 0 0 0;
}
#poststuff .stuffbox .inside {
margin: 0;
}
#poststuff .inside #parent_id,
#poststuff .inside #page_template {
max-width: 100%;
@ -1246,6 +1254,15 @@ p.popular-tags a {
.stuffbox .editcomment {
clear: none;
margin-top: 0;
}
#namediv.stuffbox .editcomment input {
width: 100%;
}
#namediv.stuffbox .editcomment.form-table td {
padding: 10px;
}
#comment-status-radio p {
@ -1439,12 +1456,20 @@ table.links-table {
padding: 10px 10px;
}
#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;
}
.post-format-options {
padding-right: 0;
}

View File

@ -41,28 +41,29 @@ if ( 'approved' === wp_get_comment_status( $comment ) && $comment->comment_post_
<div id="namediv" class="stuffbox">
<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" />
</td>
</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 ); ?>" />
</td>
</tr>
</tbody>
</table>
<br />
</fieldset>
</div>
</div>