Site Health: Update the icon used when no issues are reported.

The icon used to be a rather blocky checkmark, but has now been changed to the more friendly, and less ambiguous, smiley dashicon.

It also helps cover a rare cases where a checkmark, while often used to mark something as done, may also be used to indicate that something is incorrect (many thanks to my 6th grade teacher for this rationale).

As an added bonus, this commit also adjusts the margins used around the icon, to make it fit more nicely on both large and small viewports.

Props sabernhardt, generosus.
Fixes #53980.
Built from https://develop.svn.wordpress.org/trunk@52018


git-svn-id: http://core.svn.wordpress.org/trunk@51610 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Clorith 2021-11-05 11:41:01 +00:00
parent fa473014dc
commit 500da91f70
6 changed files with 12 additions and 10 deletions

View File

@ -250,12 +250,12 @@ are styled in the Privacy section of edit.css */
text-align: center;
height: 100%;
width: 100%;
margin-top: 0;
margin: 0 0 3rem;
}
@media all and (min-width: 784px) {
.site-status-all-clear {
margin: 5rem 0;
margin: 2rem 0 5rem;
}
}
@ -265,7 +265,8 @@ are styled in the Privacy section of edit.css */
.site-status-all-clear .dashicons {
font-size: 150px;
height: 130px;
height: 150px;
margin-bottom: 2rem;
width: 150px;
}

File diff suppressed because one or more lines are too long

View File

@ -249,12 +249,12 @@ are styled in the Privacy section of edit.css */
text-align: center;
height: 100%;
width: 100%;
margin-top: 0;
margin: 0 0 3rem;
}
@media all and (min-width: 784px) {
.site-status-all-clear {
margin: 5rem 0;
margin: 2rem 0 5rem;
}
}
@ -264,7 +264,8 @@ are styled in the Privacy section of edit.css */
.site-status-all-clear .dashicons {
font-size: 150px;
height: 130px;
height: 150px;
margin-bottom: 2rem;
width: 150px;
}

File diff suppressed because one or more lines are too long

View File

@ -200,7 +200,7 @@ if ( isset( $_GET['tab'] ) && ! empty( $_GET['tab'] ) ) {
<div class="health-check-body health-check-status-tab hide-if-no-js">
<div class="site-status-all-clear hide">
<p class="icon">
<span class="dashicons dashicons-yes"></span>
<span class="dashicons dashicons-smiley" aria-hidden="true"></span>
</p>
<p class="encouragement">

View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.9-alpha-52017';
$wp_version = '5.9-alpha-52018';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.