working on add/fix/remove buttons

This commit is contained in:
2026-05-06 05:10:19 +00:00
parent 158bc7c1d7
commit 8deaf82eac
5 changed files with 280 additions and 88 deletions

View File

@@ -1040,6 +1040,59 @@
color: var(--brand-ink);
border-color: var(--error);
}
/* Auto-fix bar: 3 batched-action buttons that sit ABOVE the warnings panel.
* Each variant mirrors the corresponding inline .warn-action palette so
* "add deps" reads as info-blue, "fix mismatched" as success-green, and
* "remove incorrect" as error-red. Stages actions like inline buttons; sort
* is NOT fired (consistent with the staged-warning UI). */
.auto-fix-bar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
padding: 0;
}
.auto-fix-btn {
appearance: none;
border: 1px solid;
font-family: var(--mono);
font-size: 12.5px;
font-weight: 600;
padding: 7px 14px;
border-radius: var(--radius);
cursor: pointer;
transition: color .12s, border-color .12s, background .12s, transform .08s;
}
.auto-fix-btn:active { transform: translateY(1px); }
.auto-fix-btn.add {
border-color: var(--acc-blue);
background: var(--acc-blue-bg, rgba(70,140,220,0.12));
color: var(--acc-blue);
}
.auto-fix-btn.add:hover {
background: var(--acc-blue);
color: var(--brand-ink);
}
.auto-fix-btn.swap {
border-color: var(--success, var(--acc-green));
background: var(--success-bg, rgba(80,180,120,0.12));
color: var(--success, var(--acc-green));
}
.auto-fix-btn.swap:hover {
background: var(--success, var(--acc-green));
color: var(--brand-ink);
}
.auto-fix-btn.remove {
border-color: var(--error);
background: transparent;
color: var(--error);
}
.auto-fix-btn.remove:hover {
background: var(--error);
color: var(--brand-ink);
border-color: var(--error);
}
/* Staged warning row: edit applied to input but not yet sorted. Subtle —
* strike + dim — so the row stays readable but visibly "addressed". The
* action button itself flips to the success palette via .warn-action.staged