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 { .health-check-accordion-trigger {
background: #fff; background: #fff;
border: 0; border: 0;
color: #32373C; color: #32373c;
cursor: pointer; cursor: pointer;
display: block; display: block;
font-weight: 400; font-weight: 400;
margin: 0; margin: 0;
padding: 1em 1.5em; padding: 1em 1.5em 1em 3.5em;
position: relative; position: relative;
text-align: right; text-align: right;
width: 100%; width: 100%;
@ -313,7 +313,7 @@
.health-check-accordion-trigger .icon, .health-check-accordion-trigger .icon,
.site-health-view-passed .icon { .site-health-view-passed .icon {
border: solid #555D66; border: solid #555d66;
border-width: 0 0 2px 2px; border-width: 0 0 2px 2px;
height: 0.5rem; height: 0.5rem;
pointer-events: none; pointer-events: none;
@ -327,13 +327,13 @@
.health-check-accordion-trigger .badge { .health-check-accordion-trigger .badge {
float: left; float: left;
padding: 0.1rem 0.5rem 0.15rem; padding: 0.1rem 0.5rem 0.15rem;
color: #32373C; color: #32373c;
font-weight: 600; font-weight: 600;
margin: 0 0.5rem 0 2rem; margin-right: 0.5rem;
} }
.health-check-accordion-trigger .badge.blue { .health-check-accordion-trigger .badge.blue {
border: 1px solid #BFE7F3; border: 1px solid #bfe7f3;
} }
.health-check-accordion-trigger .badge.orange { .health-check-accordion-trigger .badge.orange {
@ -345,11 +345,11 @@
} }
.health-check-accordion-trigger .badge.green { .health-check-accordion-trigger .badge.green {
border: 1px solid #46B450; border: 1px solid #46b450;
} }
.health-check-accordion-trigger .badge.purple { .health-check-accordion-trigger .badge.purple {
border: 1px solid #826EB4; border: 1px solid #826eb4;
} }
.health-check-accordion-trigger .badge.gray { .health-check-accordion-trigger .badge.gray {
@ -406,6 +406,16 @@
margin-left: 10px; margin-left: 10px;
margin-right: 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. */ /* 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 { .health-check-accordion-trigger {
background: #fff; background: #fff;
border: 0; border: 0;
color: #32373C; color: #32373c;
cursor: pointer; cursor: pointer;
display: block; display: block;
font-weight: 400; font-weight: 400;
margin: 0; margin: 0;
padding: 1em 1.5em; padding: 1em 3.5em 1em 1.5em;
position: relative; position: relative;
text-align: left; text-align: left;
width: 100%; width: 100%;
@ -313,7 +313,7 @@
.health-check-accordion-trigger .icon, .health-check-accordion-trigger .icon,
.site-health-view-passed .icon { .site-health-view-passed .icon {
border: solid #555D66; border: solid #555d66;
border-width: 0 2px 2px 0; border-width: 0 2px 2px 0;
height: 0.5rem; height: 0.5rem;
pointer-events: none; pointer-events: none;
@ -327,13 +327,13 @@
.health-check-accordion-trigger .badge { .health-check-accordion-trigger .badge {
float: right; float: right;
padding: 0.1rem 0.5rem 0.15rem; padding: 0.1rem 0.5rem 0.15rem;
color: #32373C; color: #32373c;
font-weight: 600; font-weight: 600;
margin: 0 2rem 0 0.5rem; margin-left: 0.5rem;
} }
.health-check-accordion-trigger .badge.blue { .health-check-accordion-trigger .badge.blue {
border: 1px solid #BFE7F3; border: 1px solid #bfe7f3;
} }
.health-check-accordion-trigger .badge.orange { .health-check-accordion-trigger .badge.orange {
@ -345,11 +345,11 @@
} }
.health-check-accordion-trigger .badge.green { .health-check-accordion-trigger .badge.green {
border: 1px solid #46B450; border: 1px solid #46b450;
} }
.health-check-accordion-trigger .badge.purple { .health-check-accordion-trigger .badge.purple {
border: 1px solid #826EB4; border: 1px solid #826eb4;
} }
.health-check-accordion-trigger .badge.gray { .health-check-accordion-trigger .badge.gray {
@ -406,6 +406,16 @@
margin-right: 10px; margin-right: 10px;
margin-left: 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. */ /* 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 * @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. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.