Changeset 45201

Timestamp:

04/15/2019 06:00:57 PM (6 years ago)

Author:

afercia

Message:

Administration: Add a chevron icon to the Site Health "Passed tests" button.

The chevron icon helps clarify what the button does.

Props garrett-eclipse, Clorith, xkon, melchoyce.
Fixes #46730.

Location:

trunk/src/wp-admin

Files:

• css/site-health.css (modified) (3 diffs)
• site-health.php (modified) (1 diff)

trunk/src/wp-admin/css/site-health.css

@@ -287 +287 @@
 }
 
+.wp-core-ui .button.site-health-view-passed {
+    position: relative;
+    padding: 0 40px 0 20px;
+}
+
 .health-check-accordion-trigger:hover,
 .health-check-accordion-trigger:active {
@@ -306 +311 @@
 }
 
-.health-check-accordion-trigger .icon {
+.health-check-accordion-trigger .icon,
+.site-health-view-passed .icon {
     border: solid #191e23;
     border-width: 0 2px 2px 0;
@@ -350 +356 @@
 }
 
-.health-check-accordion-trigger[aria-expanded="true"] .icon {
+.health-check-accordion-trigger[aria-expanded="true"] .icon,
+.site-health-view-passed[aria-expanded="true"] .icon {
     transform: translateY(-30%) rotate(-135deg)
 }

trunk/src/wp-admin/site-health.php

@@ -116 +116 @@
         <button type="button" class="button site-health-view-passed" aria-expanded="false" aria-controls="health-check-issues-good">
             <?php _e( 'Passed tests' ); ?>
+            <span class="icon"></span>
         </button>
     </div>