Comments: Improve the appearance of the Status box on Edit Comment screen.

This makes the box more consistent with the Publish meta box in classic editor.

Props birgire, nfmohit, melchoyce, afercia.
Fixes #43587.
Built from https://develop.svn.wordpress.org/trunk@47252


git-svn-id: http://core.svn.wordpress.org/trunk@47052 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/common-rtl.css

@@ -2152,7 +2152,8 @@ html.wp-toolbar {
 #pass-strength-result.short,
 #ed_reply_toolbar #ed_reply_strong,
 .item-controls .item-order a,
-.feature-filter .feature-name {
+.feature-filter .feature-name,
+#comment-status-display {
 	font-weight: 600;
 }
 

wp-admin/css/common.css

@@ -2151,7 +2151,8 @@ html.wp-toolbar {
 #pass-strength-result.short,
 #ed_reply_toolbar #ed_reply_strong,
 .item-controls .item-order a,
-.feature-filter .feature-name {
+.feature-filter .feature-name,
+#comment-status-display {
 	font-weight: 600;
 }
 

wp-admin/css/edit-rtl.css

@@ -448,14 +448,18 @@ form#tags-filter {
 #post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
-#post-body .misc-pub-revisions:before {
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before, 
+#post-body .misc-pub-comment-status:before {
 	color: #82878c;
 }
 
 #post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
-#post-body .misc-pub-revisions:before {
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before, 
+#post-body .misc-pub-comment-status:before {
 	font: normal 20px/1 dashicons;
 	speak: none;
 	display: inline-block;
@@ -466,7 +470,8 @@ form#tags-filter {
 	-moz-osx-font-smoothing: grayscale;
 }
 
-#post-body .misc-pub-post-status:before {
+#post-body .misc-pub-post-status:before, 
+#post-body .misc-pub-comment-status:before {
 	content: "\f173";
 }
 
@@ -484,6 +489,10 @@ form#tags-filter {
 	content: "\f321";
 }
 
+#post-body .misc-pub-response-to:before {
+	content: "\f101";
+}
+
 #timestampdiv {
 	padding-top: 5px;
 	line-height: 1.76923076;
@@ -610,6 +619,10 @@ form#tags-filter {
 	padding: 8px 10px;
 }
 
+.poststuff .stuffbox > h2 {
+	border-bottom: 1px solid #eee;
+}
+
 .poststuff .inside {
 	margin: 6px 0 0 0;
 }
@@ -637,7 +650,8 @@ form#tags-filter {
 	font-weight: 600;
 }
 
-#post-visibility-select {
+#post-visibility-select,
+#comment-status-radio {
 	line-height: 1.5;
 	margin-top: 3px;
 }

wp-admin/css/edit.css

@@ -447,14 +447,18 @@ form#tags-filter {
 #post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
-#post-body .misc-pub-revisions:before {
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before, 
+#post-body .misc-pub-comment-status:before {
 	color: #82878c;
 }
 
 #post-body .misc-pub-post-status:before,
 #post-body #visibility:before,
 .curtime #timestamp:before,
-#post-body .misc-pub-revisions:before {
+#post-body .misc-pub-revisions:before,
+#post-body .misc-pub-response-to:before, 
+#post-body .misc-pub-comment-status:before {
 	font: normal 20px/1 dashicons;
 	speak: none;
 	display: inline-block;
@@ -465,7 +469,8 @@ form#tags-filter {
 	-moz-osx-font-smoothing: grayscale;
 }
 
-#post-body .misc-pub-post-status:before {
+#post-body .misc-pub-post-status:before, 
+#post-body .misc-pub-comment-status:before {
 	content: "\f173";
 }
 
@@ -483,6 +488,10 @@ form#tags-filter {
 	content: "\f321";
 }
 
+#post-body .misc-pub-response-to:before {
+	content: "\f101";
+}
+
 #timestampdiv {
 	padding-top: 5px;
 	line-height: 1.76923076;
@@ -609,6 +618,10 @@ form#tags-filter {
 	padding: 8px 10px;
 }
 
+.poststuff .stuffbox > h2 {
+	border-bottom: 1px solid #eee;
+}
+
 .poststuff .inside {
 	margin: 6px 0 0 0;
 }
@@ -636,7 +649,8 @@ form#tags-filter {
 	font-weight: 600;
 }
 
-#post-visibility-select {
+#post-visibility-select,
+#comment-status-radio {
 	line-height: 1.5;
 	margin-top: 3px;
 }

wp-admin/edit-form-comment.php

@@ -87,20 +87,38 @@ if ( 'approved' === wp_get_comment_status( $comment ) && $comment->comment_post_
 
 <div id="postbox-container-1" class="postbox-container">
 <div id="submitdiv" class="stuffbox" >
-<h2><?php _e( 'Status' ); ?></h2>
+<h2><?php _e( 'Save' ); ?></h2>
 <div class="inside">
 <div class="submitbox" id="submitcomment">
 <div id="minor-publishing">
 
 <div id="misc-publishing-actions">
 
-<fieldset class="misc-pub-section misc-pub-comment-status" id="comment-status-radio">
+<div class="misc-pub-section misc-pub-comment-status" id="comment-status">
+<?php _e( 'Status:' ); ?> <span id="comment-status-display">
+<?php
+switch ( $comment->comment_approved ) {
+	case '1':
+		_e( 'Approved' );
+		break;
+	case '0':
+		_e( 'Pending' );
+		break;
+	case 'spam':
+		_e( 'Spam' );
+		break;
+}
+?>
+</span>
+
+<fieldset id="comment-status-radio">
 <legend class="screen-reader-text"><?php _e( 'Comment status' ); ?></legend>
 <label><input type="radio"<?php checked( $comment->comment_approved, '1' ); ?> name="comment_status" value="1" /><?php _ex( 'Approved', 'comment status' ); ?></label><br />
 <label><input type="radio"<?php checked( $comment->comment_approved, '0' ); ?> name="comment_status" value="0" /><?php _ex( 'Pending', 'comment status' ); ?></label><br />
 <label><input type="radio"<?php checked( $comment->comment_approved, 'spam' ); ?> name="comment_status" value="spam" /><?php _ex( 'Spam', 'comment status' ); ?></label>
 </fieldset>
-
+</div><!-- .misc-pub-section -->
+	
 <div class="misc-pub-section curtime misc-pub-curtime">
 <?php
 $submitted = sprintf(

wp-includes/version.php

@@ -13,7 +13,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '5.4-alpha-47251';
+$wp_version = '5.4-alpha-47252';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.