Site Health: Improve vertical alignment of icons in test result descriptions.

This change removes redundant CSS properties for different health check statuses in favor of utilizing the `.dashicons` class already in Core to define them more consistently. This also fixes the vertical alignment issues.

Props chetan200891, Clorith, desrosj.
Fixes #46940.

git-svn-id: https://develop.svn.wordpress.org/trunk@45309 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Jonathan Desrosiers
2019-05-15 14:24:15 +00:00
parent f10ea0702a
commit 851cb8b8f2
2 changed files with 2 additions and 11 deletions
@@ -889,7 +889,7 @@ class WP_Site_Health {
$result['status'] = 'recommended';
}
$failures[ $library ] = "<span class='$class'><span class='screen-reader-text'>$screen_reader</span></span> $message";
$failures[ $library ] = "<span class='dashicons $class'><span class='screen-reader-text'>$screen_reader</span></span> $message";
}
}
@@ -1487,7 +1487,7 @@ class WP_Site_Health {
}
$output .= sprintf(
'<li><span class="%s"><span class="screen-reader-text">%s</span></span> %s</li>',
'<li><span class="dashicons %s"><span class="screen-reader-text">%s</span></span> %s</li>',
esc_attr( $test->severity ),
$severity_string,
$test->description