Changeset 45229

Timestamp:

04/17/2019 10:59:12 AM (6 years ago)

Author:

afercia

Message:

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.

File:

• trunk/src/wp-admin/css/site-health.css (modified) (5 diffs)

trunk/src/wp-admin/css/site-health.css

@@ -276 +276 @@
     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;
@@ -314 +314 @@
 .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;
@@ -328 +328 @@
     float: right;
     padding: 0.1rem 0.5rem 0.15rem;
-    color: #32373C;
-    font-weight: 600;
-    margin: 0 2rem 0 0.5rem;
+    color: #32373c;
+    font-weight: 600;
+    margin-left: 0.5rem;
 }
 
 .health-check-accordion-trigger .badge.blue {
-    border: 1px solid #BFE7F3;
+    border: 1px solid #bfe7f3;
 }
 
@@ -346 +346 @@
 
 .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;
 }
 
@@ -407 +407 @@
         margin-left: 10px;
     }
+
+    .health-check-accordion-trigger .title {
+        display: block;
+        margin-bottom: 1em;
+    }
+
+    .health-check-accordion-trigger .badge {
+        float: left;
+        margin: 0;
+    }
 }