| @@ -51,8 +51,11 @@ | ||
| 51 | 51 | color: #dc3232; |
| 52 | 52 | text-decoration: none; |
| 53 | 53 | font-size: 12px; |
| 54 | 54 | padding: 6px 12px !important; |
| 55 | + /* Match the border to the red label/icon (monochromatic) instead of WP core's | |
| 56 | + blue admin-theme border, which clashes with the red content. */ | |
| 57 | + border-color: #dc3232 !important; | |
| 55 | 58 | } |
| 56 | 59 | |
| 57 | 60 | .remove-schema-type .dashicons { |
| 58 | 61 | display: inline-flex; |
| @@ -62,14 +65,33 @@ | ||
| 62 | 65 | flex-shrink: 0; |
| 63 | 66 | width: 16px; |
| 64 | 67 | height: 16px; |
| 65 | 68 | font-size: 16px; |
| 66 | - line-height: 1; | |
| 69 | + /* Override WP core's higher-specificity `.wp-core-ui .button .dashicons` | |
| 70 | + (line-height: 1.9; vertical-align: top), which otherwise offsets the glyph. */ | |
| 71 | + line-height: 1 !important; | |
| 72 | + vertical-align: middle !important; | |
| 73 | + margin-bottom: 0.15rem; | |
| 67 | 74 | } |
| 68 | 75 | |
| 69 | 76 | .remove-schema-type:hover, |
| 70 | 77 | .remove-schema-type:hover .dashicons { |
| 71 | 78 | color: #a00; |
| 79 | +} | |
| 80 | + | |
| 81 | +.remove-schema-type:hover { | |
| 82 | + border-color: #a00 !important; | |
| 83 | + background: rgba(220, 50, 50, 0.06) !important; | |
| 84 | +} | |
| 85 | + | |
| 86 | +/* Keep the focus/active (clicked) state red — WP core otherwise paints a blue | |
| 87 | + border and blue box-shadow focus ring from the admin-theme color. */ | |
| 88 | +.remove-schema-type:focus, | |
| 89 | +.remove-schema-type:active { | |
| 90 | + color: #a00 !important; | |
| 91 | + border-color: #a00 !important; | |
| 92 | + box-shadow: 0 0 0 1px #a00 !important; | |
| 93 | + outline: 2px solid transparent; | |
| 72 | 94 | } |
| 73 | 95 | |
| 74 | 96 | .no-schema-types { |
| 75 | 97 | text-align: center; |
