Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-06-24 13:54:59 +02:00
Code Issues Projects Releases Wiki Activity

Site Health: Improve alignment and spacing for section headers.

Browse Source 
This changes the CSS for Site Health headers to use flexbox, which helps ensure the text is vertically aligned center and consistently spaced in both the Status and Info tabs. It also fixes an issue where the loading spinner GIF was cut off on smaller screens (originally reported in #47203.

Merges [45322] to the 5.2 branch.

Props Presskopp, odminstudios, kjellr, afercia, desrosj, hedgefield, ianbelanger, xavortm.
Fixes #47063.
Built from https://develop.svn.wordpress.org/branches/5.2@45323


git-svn-id: http://core.svn.wordpress.org/branches/5.2@45134 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
desrosj 2019-05-16 18:33:01 +00:00
parent 6400dfff00
commit 3386574b51
5 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
wp-admin/css/site-health-rtl.css
View File

@ -268,13 +268,16 @@
border: 0;
color: #32373c;
cursor: pointer;
display: block;
display: flex;
font-weight: 400;
margin: 0;
padding: 1em 1.5em 1em 3.5em;
min-height: 46px;
position: relative;
text-align: right;
width: 100%;
align-items: center;
justify-content: space-between;
}
.wp-core-ui .button.site-health-view-passed {
@ -297,9 +300,9 @@
}
.health-check-accordion-trigger .title {
display: inline-block;
pointer-events: none;
font-weight: 600;
flex-grow: 1;
}
.health-check-accordion-trigger .icon,
@ -316,7 +319,6 @@
}
.health-check-accordion-trigger .badge {
float: left;
padding: 0.1rem 0.5rem 0.15rem;
color: #32373c;
font-weight: 600;
@ -377,10 +379,10 @@
}
.health-check-wp-paths-sizes.spinner {
position: absolute;
visibility: visible;
float: none;
margin: 0 4px;
flex-shrink: 0;
}
@media screen and (max-width: 782px) {
@ -398,14 +400,13 @@
margin-right: 10px;
}
.health-check-accordion-trigger .title {
display: block;
margin-bottom: 1em;
.site-health-issues-wrapper .health-check-accordion-trigger {
flex-direction: column;
align-items: flex-start;
}
.health-check-accordion-trigger .badge {
float: right;
margin: 0;
margin: 1em 0 0;
}
}

2
wp-admin/css/site-health-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/site-health.css
View File

@ -268,13 +268,16 @@
border: 0;
color: #32373c;
cursor: pointer;
display: block;
display: flex;
font-weight: 400;
margin: 0;
padding: 1em 3.5em 1em 1.5em;
min-height: 46px;
position: relative;
text-align: left;
width: 100%;
align-items: center;
justify-content: space-between;
}
.wp-core-ui .button.site-health-view-passed {
@ -297,9 +300,9 @@
}
.health-check-accordion-trigger .title {
display: inline-block;
pointer-events: none;
font-weight: 600;
flex-grow: 1;
}
.health-check-accordion-trigger .icon,
@ -316,7 +319,6 @@
}
.health-check-accordion-trigger .badge {
float: right;
padding: 0.1rem 0.5rem 0.15rem;
color: #32373c;
font-weight: 600;
@ -377,10 +379,10 @@
}
.health-check-wp-paths-sizes.spinner {
position: absolute;
visibility: visible;
float: none;
margin: 0 4px;
flex-shrink: 0;
}
@media screen and (max-width: 782px) {
@ -398,14 +400,13 @@
margin-left: 10px;
}
.health-check-accordion-trigger .title {
display: block;
margin-bottom: 1em;
.site-health-issues-wrapper .health-check-accordion-trigger {
flex-direction: column;
align-items: flex-start;
}
.health-check-accordion-trigger .badge {
float: left;
margin: 0;
margin: 1em 0 0;
}
}

2
wp-admin/css/site-health.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-includes/version.php
View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.2.1-alpha-45320';
$wp_version = '5.2.1-alpha-45323';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.