diff --git a/src/renderer-queue.ts b/src/renderer-queue.ts index f0430ff..0fefa21 100644 --- a/src/renderer-queue.ts +++ b/src/renderer-queue.ts @@ -549,13 +549,13 @@ function renderQueue(): void { return `
${showSelector - ? `
${isSelected ? selectionIndex + 1 : ''}
` + ? `` : '' }
-
${liveBadge}${healthBadge}${mergeIcon}${isClip}${safeTitle}
+
${liveBadge}${healthBadge}${mergeIcon}${isClip}${safeTitle}
${safeStatusLabel}
${safeMeta}${mergeMetaExtra}
diff --git a/src/styles.css b/src/styles.css index f8f6dee..7f088ce 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1054,6 +1054,17 @@ select option { transition: all 0.15s; } +.queue-selector:focus-visible { + outline: none; + box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.55); +} + +.queue-item .title:focus-visible { + outline: none; + border-radius: 3px; + box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.45); +} + .queue-selector.selected { background: var(--accent); border-color: var(--accent);