sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Site Health: Improve the accordions styles for small screens.

Browse Source 
Also, changes the hex color values to lowercase.

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


git-svn-id: https://develop.svn.wordpress.org/trunk@45229 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2019-04-17 10:59:12 +00:00
parent 2bf547ff53
commit e1022a6184
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/wp-admin/css/site-health.css
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. */