| @@ -398,8 +398,46 @@ | ||
| 398 | 398 | .vigilante-config-status { |
| 399 | 399 | margin-top: 15px; |
| 400 | 400 | } |
| 401 | 401 | |
| 402 | +/* Vigilant configuration: a level, not a grade. No circle, no letter and | |
| 403 | + none of the grade colours, so it is not read as a second score. */ | |
| 404 | +.vigilante-configuration-level { | |
| 405 | + display: flex; | |
| 406 | + align-items: center; | |
| 407 | + flex-wrap: wrap; | |
| 408 | + gap: 12px; | |
| 409 | +} | |
| 410 | + | |
| 411 | +.vigilante-configuration-bar { | |
| 412 | + flex: 1 1 240px; | |
| 413 | + height: 10px; | |
| 414 | + border: 1px solid #dcdcde; | |
| 415 | + border-radius: 5px; | |
| 416 | + background: #f0f0f1; | |
| 417 | + overflow: hidden; | |
| 418 | +} | |
| 419 | + | |
| 420 | +.vigilante-configuration-bar-fill { | |
| 421 | + display: block; | |
| 422 | + height: 100%; | |
| 423 | + background: #999999; | |
| 424 | +} | |
| 425 | + | |
| 426 | +.vigilante-configuration-percent { | |
| 427 | + min-width: 44px; | |
| 428 | + font-size: 16px; | |
| 429 | + text-align: right; | |
| 430 | +} | |
| 431 | + | |
| 432 | +.vigilante-configuration-level .vigilante-config-status { | |
| 433 | + margin-top: 0; | |
| 434 | +} | |
| 435 | + | |
| 436 | +.vigilante-configuration-modules { | |
| 437 | + margin: 8px 0 0; | |
| 438 | +} | |
| 439 | + | |
| 402 | 440 | .vigilante-preset-badge { |
| 403 | 441 | display: inline-block; |
| 404 | 442 | padding: 5px 12px; |
| 405 | 443 | border-radius: 20px; |
| @@ -2792,8 +2830,17 @@ | ||
| 2792 | 2830 | } |
| 2793 | 2831 | |
| 2794 | 2832 | .vigilante-analyzer-count--fail .dashicons { |
| 2795 | 2833 | color: #c62828; |
| 2834 | +} | |
| 2835 | + | |
| 2836 | +.vigilante-analyzer-count--skip .dashicons { | |
| 2837 | + color: #646970; | |
| 2838 | +} | |
| 2839 | + | |
| 2840 | +/* display: flex above would otherwise win over the hidden attribute. */ | |
| 2841 | +.vigilante-analyzer-count[hidden] { | |
| 2842 | + display: none; | |
| 2796 | 2843 | } |
| 2797 | 2844 | |
| 2798 | 2845 | /* Sparkline (trend) */ |
| 2799 | 2846 | .vigilante-analyzer-sparkline-wrap { |
