Zaki/Password-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(health): show the per-category breakdown under the score

Browse Source 
Each category is capped, so past the cap fixing one more password leaves the total unchanged and the work looks wasted. The breakdown lists count and points per category, marks a capped deduction with (max), and explains in a tooltip why the score is standing still.
This commit is contained in:
r-zakarya
2026-08-01 19:32:37 +01:00
parent 2436825ed6
commit 6bee69eb1a
2 changed files with 65 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+32
View File
@@ -1351,6 +1351,38 @@ input[type="range"]::-webkit-slider-thumb {
text-transform: uppercase; letter-spacing: 0.5px;
margin-top: 2px;
}
/* Score dial + its per-category breakdown, stacked. */
.health-score-col {
display: flex; flex-direction: column;
align-items: center; gap: 10px;
flex-shrink: 0;
}
.health-score-breakdown {
display: flex; flex-direction: column;
gap: 2px;
font-size: 11px;
color: var(--text-dim);
white-space: nowrap;
}
/* Each row keeps its own box: a display:contents row would have none, and the
title tooltip explaining the cap would never appear. */
.health-bd-row {
display: grid;
grid-template-columns: 1fr auto auto;
gap: 0 10px;
cursor: help;
}
.health-bd-n { text-align: right; font-variant-numeric: tabular-nums; }
.health-bd-pts {
text-align: right;
font-family: 'JetBrains Mono', ui-monospace, monospace;
color: var(--text-faint);
}
/* Nothing wrong in this category — dim it so the eye goes to what needs work. */
.health-bd-row.is-clear .health-bd-lbl,
.health-bd-row.is-clear .health-bd-n,
.health-bd-row.is-clear .health-bd-pts { opacity: 0.45; }
.health-intro { flex: 1; }
.health-intro h3 { margin: 0 0 6px; font-size: 16px; }
.health-intro p {