Make WordPress Core

Changeset 52018


Ignore:
Timestamp:
11/05/2021 11:39:44 AM (2 years ago)
Author:
Clorith
Message:

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.

Location:
trunk/src/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/site-health.css

    r51727 r52018  
    250250    height: 100%;
    251251    width: 100%;
    252     margin-top: 0;
     252    margin: 0 0 3rem;
    253253}
    254254
    255255@media all and (min-width: 784px) {
    256256    .site-status-all-clear {
    257         margin: 5rem 0;
     257        margin: 2rem 0 5rem;
    258258    }
    259259}
     
    265265.site-status-all-clear .dashicons {
    266266    font-size: 150px;
    267     height: 130px;
     267    height: 150px;
     268    margin-bottom: 2rem;
    268269    width: 150px;
    269270}
  • trunk/src/wp-admin/site-health.php

    r51252 r52018  
    201201    <div class="site-status-all-clear hide">
    202202        <p class="icon">
    203             <span class="dashicons dashicons-yes"></span>
     203            <span class="dashicons dashicons-smiley" aria-hidden="true"></span>
    204204        </p>
    205205
Note: See TracChangeset for help on using the changeset viewer.