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. Built from https://develop.svn.wordpress.org/trunk@45201 git-svn-id: http://core.svn.wordpress.org/trunk@45010 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
5ac2b28396
commit
10239ba45d
|
@ -286,6 +286,11 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-core-ui .button.site-health-view-passed {
|
||||||
|
position: relative;
|
||||||
|
padding: 0 20px 0 40px;
|
||||||
|
}
|
||||||
|
|
||||||
.health-check-accordion-trigger:hover,
|
.health-check-accordion-trigger:hover,
|
||||||
.health-check-accordion-trigger:active {
|
.health-check-accordion-trigger:active {
|
||||||
background: #f8f9f9;
|
background: #f8f9f9;
|
||||||
|
@ -305,7 +310,8 @@
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.health-check-accordion-trigger .icon {
|
.health-check-accordion-trigger .icon,
|
||||||
|
.site-health-view-passed .icon {
|
||||||
border: solid #191e23;
|
border: solid #191e23;
|
||||||
border-width: 0 0 2px 2px;
|
border-width: 0 0 2px 2px;
|
||||||
height: 0.5rem;
|
height: 0.5rem;
|
||||||
|
@ -349,7 +355,8 @@
|
||||||
border: 1px solid #ccd0d4;
|
border: 1px solid #ccd0d4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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)
|
transform: translateY(-30%) rotate(135deg)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -286,6 +286,11 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-core-ui .button.site-health-view-passed {
|
||||||
|
position: relative;
|
||||||
|
padding: 0 40px 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.health-check-accordion-trigger:hover,
|
.health-check-accordion-trigger:hover,
|
||||||
.health-check-accordion-trigger:active {
|
.health-check-accordion-trigger:active {
|
||||||
background: #f8f9f9;
|
background: #f8f9f9;
|
||||||
|
@ -305,7 +310,8 @@
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.health-check-accordion-trigger .icon {
|
.health-check-accordion-trigger .icon,
|
||||||
|
.site-health-view-passed .icon {
|
||||||
border: solid #191e23;
|
border: solid #191e23;
|
||||||
border-width: 0 2px 2px 0;
|
border-width: 0 2px 2px 0;
|
||||||
height: 0.5rem;
|
height: 0.5rem;
|
||||||
|
@ -349,7 +355,8 @@
|
||||||
border: 1px solid #ccd0d4;
|
border: 1px solid #ccd0d4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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)
|
transform: translateY(-30%) rotate(-135deg)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -115,6 +115,7 @@ require_once( ABSPATH . 'wp-admin/admin-header.php' );
|
||||||
<div class="site-health-view-more">
|
<div class="site-health-view-more">
|
||||||
<button type="button" class="button site-health-view-passed" aria-expanded="false" aria-controls="health-check-issues-good">
|
<button type="button" class="button site-health-view-passed" aria-expanded="false" aria-controls="health-check-issues-good">
|
||||||
<?php _e( 'Passed tests' ); ?>
|
<?php _e( 'Passed tests' ); ?>
|
||||||
|
<span class="icon"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @global string $wp_version
|
||||||
*/
|
*/
|
||||||
$wp_version = '5.2-beta3-45200';
|
$wp_version = '5.2-beta3-45201';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||||
|
|
Loading…
Reference in New Issue