working on add/fix/remove buttons
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user