ui: the keyset row's remove button uses the red action style

The ✕ in the Cards keyset editor was a neutral bordered button with only a
red hover; it now matches the preset list's Remove (bg-red-600 text-white,
hover bg-red-700), keeping the glyph and the "Remove keyset" tooltip.

keysets.test.js guards the red style.  sw cache simple-v345.
This commit is contained in:
2026-10-01 21:57:15 +03:00
parent 39723406b4
commit f261695b86
3 changed files with 4 additions and 2 deletions
+2
View File
@@ -111,6 +111,8 @@ test('the Cards form wires the keyset editor', () => {
assert.match(html, /onclick="cardsKeysetAdd\(\)"/);
assert.match(html, /oninput="cardsKeysetKvnUpdate\(/);
assert.match(html, /data-l10n="Add keyset"/);
// the remove button is the red action style, like the preset list's Remove
assert.match(html, /cardsKeysetRemove\(' \+ i \+ '\)" class="[^"]*bg-red-600 text-white/);
// the keyset rows are built with the KIc/KID/key/counter inputs
assert.match(html, /cards-ks-' \+ i \+ '-kic-key/);
assert.match(html, /cards-ks-' \+ i \+ '-cntr/);