WordPress.org
Get WordPress

Make WordPress Core

Ticket #46623: 46623.2.diff

File 46623.2.diff, 2.0 KB (added by pbiron, 6 years ago)

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

    From 60aea4503f1b9a3df9c3aced374b3dd797fee42a Mon Sep 17 00:00:00 2001
From: Paul Biron <paul@sparrowhawkcomputing.com>
Date: Tue, 2 Apr 2019 08:51:26 -0600
Subject: [PATCH] right align badges, make them square, and outline (instead of
 background colored) badges in the "Passed Tests" section.

---
 src/wp-admin/css/site-health.css | 44 +++++++++++++++++++++++++++++---
 1 file changed, 40 insertions(+), 4 deletions(-)

diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css
index 520d276c43..77e7cd1b9f 100644
    a b  
    330330}
    331331
    332332.health-check-accordion-trigger .badge {
    333         display: inline-block;
     333        float: right;
    334334        padding: 0.1rem 0.5rem 0.15rem;
    335         background-color: #d7dade;
    336         border-radius: 3px;
    337335        color: #000;
    338336        font-weight: 600;
    339         margin: 0 0.5rem;
     337        margin: 0 2rem 0 0.5rem;
    340338}
    341339
    342340.health-check-accordion-trigger .badge.blue {
    … …  
    379377        color: #000;
    380378}
    381379
     380#health-check-issues-good .health-check-accordion-trigger .badge {
     381        background-color: initial;
     382        border: 2px solid;
     383        color: initial;
     384}
     385
     386#health-check-issues-good .health-check-accordion-trigger .badge.blue {
     387        border-color: #0073af;
     388}
     389
     390#health-check-issues-good .health-check-accordion-trigger .badge.orange {
     391        border-color: #ffb900;
     392}
     393
     394#health-check-issues-good .health-check-accordion-trigger .badge.red {
     395        border-color: #dc3232;
     396}
     397
     398#health-check-issues-good .health-check-accordion-trigger .badge.green {
     399        border-color: #40860a;
     400}
     401
     402#health-check-issues-good .health-check-accordion-trigger .badge.pink {
     403        border-color: #f4b0fc;
     404}
     405
     406#health-check-issues-good .health-check-accordion-trigger .badge.gray {
     407        border-color: #ccc;
     408}
     409
     410#health-check-issues-good .health-check-accordion-trigger .badge.light-blue {
     411        border-color: #10e9fb;
     412}
     413
     414#health-check-issues-good .health-check-accordion-trigger .badge.light-green {
     415        border-color: #60f999;
     416}
     417
    382418.health-check-accordion-trigger[aria-expanded="true"] .icon {
    383419        transform: translateY(-30%) rotate(-135deg)
    384420}