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:
parent
65ab4e7607
commit
d89a302503
|
@ -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
|
@ -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
|
@ -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.
|
||||||
|
|
Loading…
Reference in New Issue