|
179 | 179 | .main-tab-icon{flex-shrink:0;opacity:.72} |
180 | 180 | .main-tab-label{display:inline-flex;align-items:center} |
181 | 181 | .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px; |
182 | | - height:18px;padding:0 5px;font-size:.7rem;font-weight:700;border-radius:9px; |
| 182 | + height:18px;padding:0 5px;font-size:.68rem;font-weight:700;border-radius:var(--radius-sm); |
183 | 183 | background:var(--bg-overlay);color:var(--text-muted);margin-left:var(--sp-1)} |
184 | 184 | .main-tab[aria-selected="true"] .tab-count{background:var(--accent-primary); |
185 | 185 | color:#fff} |
|
370 | 370 | .group-summary{font-size:.8rem;color:var(--text-muted)} |
371 | 371 |
|
372 | 372 | /* Badges */ |
373 | | -.clone-type-badge{font-size:.75rem;font-weight:500;padding:1px var(--sp-2); |
| 373 | +.clone-type-badge{font-size:.68rem;font-weight:500;padding:2px var(--sp-2); |
374 | 374 | border-radius:var(--radius-sm);background:var(--accent-muted);color:var(--accent-primary)} |
375 | | -.clone-count-badge{font-size:.75rem;font-weight:600;padding:1px var(--sp-2); |
| 375 | +.clone-count-badge{font-size:.68rem;font-weight:600;padding:2px var(--sp-2); |
376 | 376 | border-radius:var(--radius-sm);background:var(--bg-overlay);color:var(--text-secondary)} |
377 | 377 |
|
378 | 378 | /* Group body */ |
|
385 | 385 | /* Group explain */ |
386 | 386 | .group-explain{padding:var(--sp-2) var(--sp-4);display:flex;flex-wrap:wrap;gap:var(--sp-1); |
387 | 387 | background:var(--bg-raised);border-bottom:1px solid var(--border)} |
388 | | -.group-explain-item{font-size:.75rem;padding:1px var(--sp-2);border-radius:var(--radius-sm); |
| 388 | +.group-explain-item{font-size:.68rem;padding:2px var(--sp-2);border-radius:var(--radius-sm); |
389 | 389 | background:var(--bg-overlay);color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap} |
390 | 390 | .group-explain-warn{color:var(--warning);background:var(--warning-muted)} |
391 | 391 | .group-explain-muted{opacity:.7} |
|
433 | 433 | # --------------------------------------------------------------------------- |
434 | 434 |
|
435 | 435 | _BADGES = """\ |
436 | | -.risk-badge,.severity-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600; |
437 | | - padding:1px var(--sp-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em} |
| 436 | +.risk-badge,.severity-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:600; |
| 437 | + padding:2px var(--sp-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em} |
438 | 438 | .risk-critical,.severity-critical{background:var(--error-muted);color:var(--error)} |
439 | 439 | .risk-high,.severity-high{background:var(--error-muted);color:var(--error)} |
440 | 440 | .risk-warning,.severity-warning{background:var(--warning-muted);color:var(--warning)} |
441 | 441 | .risk-medium,.severity-medium{background:var(--warning-muted);color:var(--warning)} |
442 | 442 | .risk-low,.severity-low{background:var(--success-muted);color:var(--success)} |
443 | 443 | .risk-info,.severity-info{background:var(--info-muted);color:var(--info)} |
444 | 444 |
|
445 | | -.source-kind-badge{display:inline-flex;align-items:center;font-size:.72rem;font-weight:500; |
446 | | - padding:1px var(--sp-2);border-radius:var(--radius-sm);background:var(--bg-overlay);color:var(--text-muted)} |
| 445 | +.source-kind-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:500; |
| 446 | + padding:2px var(--sp-2);border-radius:var(--radius-sm);background:var(--bg-overlay);color:var(--text-muted)} |
447 | 447 | .source-kind-production{background:var(--error-muted);color:var(--error)} |
448 | 448 | .source-kind-test,.source-kind-test_util{background:var(--info-muted);color:var(--info)} |
449 | 449 | .source-kind-fixture,.source-kind-conftest{background:var(--warning-muted);color:var(--warning)} |
450 | 450 | .source-kind-import,.source-kind-cross_kind{background:var(--accent-muted);color:var(--accent-primary)} |
451 | | -.category-badge{display:inline-flex;align-items:center;gap:3px;font-size:.7rem; |
452 | | - font-family:var(--font-mono);padding:1px var(--sp-2);border-radius:var(--radius-sm); |
| 451 | +.category-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem; |
| 452 | + font-family:var(--font-mono);padding:2px var(--sp-2);border-radius:var(--radius-sm); |
453 | 453 | background:var(--bg-overlay);color:var(--text-muted);white-space:nowrap} |
454 | 454 | .category-badge-key{font-weight:400;color:var(--text-muted)} |
455 | 455 | .category-badge-val{font-weight:600;color:var(--text-secondary)} |
456 | 456 | .finding-why-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin:var(--sp-1) 0} |
457 | | -.finding-why-chips .category-badge{font-size:.72rem} |
| 457 | +.finding-why-chips .category-badge{font-size:.68rem} |
458 | 458 | """ |
459 | 459 |
|
460 | 460 | # --------------------------------------------------------------------------- |
|
587 | 587 | .kpi-micro-val{font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-muted)} |
588 | 588 | .kpi-micro-lbl{font-weight:400;color:var(--text-muted);text-transform:lowercase} |
589 | 589 | .kpi-micro--baselined{color:var(--success);font-weight:500;font-size:.6rem} |
590 | | -.kpi-delta{font-size:.58rem;font-weight:700;margin-left:auto; |
591 | | - padding:1px 5px;border-radius:8px;white-space:nowrap} |
| 590 | +.kpi-delta{font-size:.62rem;font-weight:700;margin-left:auto; |
| 591 | + padding:1px 5px;border-radius:var(--radius-sm);white-space:nowrap} |
592 | 592 | .kpi-delta--good{color:var(--success);background:var(--success-muted)} |
593 | 593 | .kpi-delta--bad{color:var(--error);background:var(--error-muted)} |
594 | 594 | .kpi-delta--neutral{color:var(--text-muted);background:var(--bg-raised)} |
|
671 | 671 | .dir-hotspot-entry{padding:var(--sp-2) 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)} |
672 | 672 | .dir-hotspot-entry:last-child{border-bottom:none;padding-bottom:0} |
673 | 673 | .dir-hotspot-entry:first-child{padding-top:0} |
674 | | -.dir-hotspot-path{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:4px;min-width:0} |
675 | | -.dir-hotspot-path code{font-size:.78rem;font-weight:600;color:var(--text-primary);line-height:1.3} |
676 | | -.dir-hotspot-bar-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:3px} |
677 | | -.dir-hotspot-bar-track{flex:1;height:4px;border-radius:2px;background:var(--bg-raised); |
678 | | - overflow:hidden;display:flex} |
| 674 | +/* Row 1: path + badge */ |
| 675 | +.dir-hotspot-head{display:flex;align-items:center;gap:var(--sp-2);min-width:0} |
| 676 | +.dir-hotspot-path{font-size:.78rem;font-weight:600;color:var(--text-primary);line-height:1.3; |
| 677 | + overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1} |
| 678 | +/* Row 2: bar + pct + meta */ |
| 679 | +.dir-hotspot-detail{display:flex;align-items:center;gap:var(--sp-2);margin-top:3px} |
| 680 | +.dir-hotspot-bar-track{width:30%;flex-shrink:0;height:4px;border-radius:2px; |
| 681 | + background:var(--bg-raised);overflow:hidden;display:flex} |
679 | 682 | .dir-hotspot-bar-prev{height:100%;background:var(--text-muted);opacity:.18} |
680 | 683 | .dir-hotspot-bar-cur{height:100%;background:var(--accent-primary);opacity:.7} |
681 | | -.dir-hotspot-pct{font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums; |
682 | | - color:var(--text-muted);min-width:3.2em;text-align:right} |
683 | | -.dir-hotspot-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.68rem;color:var(--text-muted)} |
| 684 | +.dir-hotspot-pct{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums; |
| 685 | + color:var(--text-secondary);white-space:nowrap;flex-shrink:0} |
| 686 | +.dir-hotspot-meta{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:.68rem;color:var(--text-muted)} |
684 | 687 | .dir-hotspot-meta span{font-variant-numeric:tabular-nums} |
685 | 688 | .dir-hotspot-meta-sep{opacity:.3} |
686 | 689 | .overloaded-module-list{display:flex;flex-direction:column;gap:0} |
|
690 | 693 | .overloaded-module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2);margin-bottom:4px} |
691 | 694 | .overloaded-module-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);min-width:0} |
692 | 695 | .overloaded-module-title code{font-size:.78rem;font-weight:600;color:var(--text-primary);line-height:1.35} |
693 | | -.overloaded-module-score{flex-shrink:0;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums; |
694 | | - color:var(--accent-primary);background:var(--accent-muted);border-radius:999px;padding:2px 8px} |
| 696 | +.overloaded-module-score{flex-shrink:0;font-size:.68rem;font-weight:700;font-variant-numeric:tabular-nums; |
| 697 | + color:var(--accent-primary);background:var(--accent-muted);border-radius:var(--radius-sm);padding:2px var(--sp-2)} |
695 | 698 | .overloaded-module-metrics{display:flex;flex-wrap:wrap;gap:6px;font-size:.68rem;color:var(--text-muted)} |
696 | 699 | .overloaded-module-metrics span{font-variant-numeric:tabular-nums} |
697 | 700 | .overloaded-module-reasons,.overloaded-module-signal-list{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-2)} |
698 | 701 | .overloaded-module-reason-chip,.overloaded-module-signal-pill{display:inline-flex;align-items:center;gap:5px; |
699 | 702 | font-size:.68rem;font-weight:500;color:var(--text-secondary);background:var(--bg-raised); |
700 | | - border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:999px; |
701 | | - padding:2px 8px} |
| 703 | + border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--radius-sm); |
| 704 | + padding:2px var(--sp-2)} |
702 | 705 | .overloaded-module-signal-count{font-variant-numeric:tabular-nums;color:var(--text-muted)} |
703 | 706 | /* Health radar chart */ |
704 | 707 | .health-radar{display:flex;justify-content:center;padding:var(--sp-3) 0} |
|
750 | 753 | .dep-hub-pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2); |
751 | 754 | border-radius:var(--radius-sm);background:var(--bg-overlay);font-size:.8rem} |
752 | 755 | .dep-hub-name{color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem} |
753 | | -.dep-hub-deg{font-size:.72rem;font-weight:600;color:var(--accent-primary); |
754 | | - background:var(--accent-muted);padding:0 var(--sp-1);border-radius:var(--radius-sm)} |
| 756 | +.dep-hub-deg{font-size:.68rem;font-weight:600;color:var(--accent-primary); |
| 757 | + background:var(--accent-muted);padding:2px var(--sp-2);border-radius:var(--radius-sm)} |
755 | 758 |
|
756 | 759 | /* Legend */ |
757 | 760 | .dep-legend{display:flex;gap:var(--sp-4);align-items:center;margin-bottom:var(--sp-4); |
|
822 | 825 | .suggestion-sev--critical{background:var(--error-muted);color:var(--error)} |
823 | 826 | .suggestion-sev--warning{background:var(--warning-muted);color:var(--warning)} |
824 | 827 | .suggestion-sev--info{background:var(--info-muted);color:var(--info)} |
825 | | -.suggestion-sev-inline{font-size:.72rem;font-weight:600;padding:1px var(--sp-1); |
| 828 | +.suggestion-sev-inline{font-size:.68rem;font-weight:600;padding:2px var(--sp-2); |
826 | 829 | border-radius:var(--radius-sm)} |
827 | 830 | .suggestion-title{font-weight:600;font-size:.85rem;color:var(--text-primary);flex:1;min-width:0} |
828 | 831 | .suggestion-meta{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;flex-wrap:wrap} |
829 | 832 | .suggestion-meta-badge{font-size:.68rem;font-weight:600;padding:2px var(--sp-2); |
830 | | - border-radius:999px;background:var(--bg-overlay);color:var(--text-muted); |
| 833 | + border-radius:var(--radius-sm);background:var(--bg-overlay);color:var(--text-muted); |
831 | 834 | white-space:nowrap;line-height:1.2;font-variant-numeric:tabular-nums} |
832 | 835 | .suggestion-effort--easy{color:var(--success);background:var(--success-muted, rgba(34,197,94,.1))} |
833 | 836 | .suggestion-effort--moderate{color:var(--warning);background:var(--warning-muted)} |
|
836 | 839 | /* Body — context + summary */ |
837 | 840 | .suggestion-body{padding:0 var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)} |
838 | 841 | .suggestion-context{display:flex;gap:var(--sp-1);flex-wrap:wrap} |
839 | | -.suggestion-chip{font-size:.65rem;font-weight:500;padding:1px 6px;border-radius:var(--radius-sm); |
| 842 | +.suggestion-chip{font-size:.68rem;font-weight:500;padding:2px var(--sp-2);border-radius:var(--radius-sm); |
840 | 843 | background:var(--bg-overlay);color:var(--text-muted);white-space:nowrap} |
841 | 844 | .suggestion-summary{font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary);line-height:1.5} |
842 | 845 | .suggestion-action{display:flex;align-items:center;gap:var(--sp-1); |
|
896 | 899 |
|
897 | 900 | /* Header row */ |
898 | 901 | .sf-head{padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap} |
899 | | -.sf-kind-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em; |
| 902 | +.sf-kind-badge{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em; |
900 | 903 | padding:2px var(--sp-2);border-radius:var(--radius-sm);white-space:nowrap; |
901 | 904 | background:var(--info-muted);color:var(--info)} |
902 | 905 | .sf-title{font-weight:600;font-size:.85rem;color:var(--text-primary);flex:1;min-width:0} |
|
976 | 979 | font-family:var(--font-mono);font-size:.72rem} |
977 | 980 |
|
978 | 981 | /* Boolean check/cross badges */ |
979 | | -.meta-bool{font-size:.7rem;font-weight:600;padding:1px 8px;border-radius:10px; |
| 982 | +.meta-bool{font-size:.68rem;font-weight:600;padding:2px var(--sp-2);border-radius:var(--radius-sm); |
980 | 983 | display:inline-flex;align-items:center;gap:3px} |
981 | 984 | .meta-bool-true{background:var(--success-muted);color:var(--success)} |
982 | 985 | .meta-bool-false{background:var(--error-muted);color:var(--error)} |
983 | 986 |
|
984 | 987 | /* Provenance summary badges */ |
985 | 988 | .prov-summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px; |
986 | 989 | padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border)} |
987 | | -.prov-badge{display:inline-flex;align-items:center;gap:4px;font-size:.66rem; |
988 | | - padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-raised); |
| 990 | +.prov-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem; |
| 991 | + padding:2px var(--sp-2);border-radius:var(--radius-sm);background:var(--bg-raised); |
989 | 992 | white-space:nowrap;line-height:1.3;border:1px solid color-mix(in srgb,var(--border) 55%,transparent)} |
990 | 993 | .prov-badge-val{font-weight:600;font-variant-numeric:tabular-nums} |
991 | 994 | .prov-badge-lbl{font-weight:400;color:var(--text-muted);text-transform:lowercase} |
|
0 commit comments