Site Health: Improve the accordions styles for small screens.

Also, changes the hex color values to lowercase.

Props subrataemfluence, man4toman, garrett-eclipse, chetan200891, mukesh27, melchoyce, karmatosed, Clorith.
Fixes #46949.

Built from https://develop.svn.wordpress.org/trunk@45229


git-svn-id: http://core.svn.wordpress.org/trunk@45038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2019-04-17 11:00:53 +00:00
parent 65ab4e7607
commit d89a302503
5 changed files with 39 additions and 19 deletions

View File

@ -275,12 +275,12 @@
.health-check-accordion-trigger {
background: #fff;
border: 0;
color: #32373C;
color: #32373c;
cursor: pointer;
display: block;
font-weight: 400;
margin: 0;
padding: 1em 1.5em;
padding: 1em 1.5em 1em 3.5em;
position: relative;
text-align: right;
width: 100%;
@ -313,7 +313,7 @@
.health-check-accordion-trigger .icon,
.site-health-view-passed .icon {
border: solid #555D66;
border: solid #555d66;
border-width: 0 0 2px 2px;
height: 0.5rem;
pointer-events: none;
@ -327,13 +327,13 @@
.health-check-accordion-trigger .badge {
float: left;
padding: 0.1rem 0.5rem 0.15rem;
color: #32373C;
color: #32373c;
font-weight: 600;
margin: 0 0.5rem 0 2rem;
margin-right: 0.5rem;
}
.health-check-accordion-trigger .badge.blue {
border: 1px solid #BFE7F3;
border: 1px solid #bfe7f3;
}
.health-check-accordion-trigger .badge.orange {
@ -345,11 +345,11 @@
}
.health-check-accordion-trigger .badge.green {
border: 1px solid #46B450;
border: 1px solid #46b450;
}
.health-check-accordion-trigger .badge.purple {
border: 1px solid #826EB4;
border: 1px solid #826eb4;
}
.health-check-accordion-trigger .badge.gray {
@ -406,6 +406,16 @@
margin-left: 10px;
margin-right: 10px;
}
.health-check-accordion-trigger .title {
display: block;
margin-bottom: 1em;
}
.health-check-accordion-trigger .badge {
float: right;
margin: 0;
}
}
/* The breakpoint is usually at 960px, the additional space is to allow for the margin. */

File diff suppressed because one or more lines are too long

View File

@ -275,12 +275,12 @@
.health-check-accordion-trigger {
background: #fff;
border: 0;
color: #32373C;
color: #32373c;
cursor: pointer;
display: block;
font-weight: 400;
margin: 0;
padding: 1em 1.5em;
padding: 1em 3.5em 1em 1.5em;
position: relative;
text-align: left;
width: 100%;
@ -313,7 +313,7 @@
.health-check-accordion-trigger .icon,
.site-health-view-passed .icon {
border: solid #555D66;
border: solid #555d66;
border-width: 0 2px 2px 0;
height: 0.5rem;
pointer-events: none;
@ -327,13 +327,13 @@
.health-check-accordion-trigger .badge {
float: right;
padding: 0.1rem 0.5rem 0.15rem;
color: #32373C;
color: #32373c;
font-weight: 600;
margin: 0 2rem 0 0.5rem;
margin-left: 0.5rem;
}
.health-check-accordion-trigger .badge.blue {
border: 1px solid #BFE7F3;
border: 1px solid #bfe7f3;
}
.health-check-accordion-trigger .badge.orange {
@ -345,11 +345,11 @@
}
.health-check-accordion-trigger .badge.green {
border: 1px solid #46B450;
border: 1px solid #46b450;
}
.health-check-accordion-trigger .badge.purple {
border: 1px solid #826EB4;
border: 1px solid #826eb4;
}
.health-check-accordion-trigger .badge.gray {
@ -406,6 +406,16 @@
margin-right: 10px;
margin-left: 10px;
}
.health-check-accordion-trigger .title {
display: block;
margin-bottom: 1em;
}
.health-check-accordion-trigger .badge {
float: left;
margin: 0;
}
}
/* The breakpoint is usually at 960px, the additional space is to allow for the margin. */

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.2-beta3-45228';
$wp_version = '5.2-beta3-45229';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.