release: 4.6.105 .vod-btn focus-visible rings

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
a11y: focus-visible rings on .vod-btn (per-card action buttons)
2026-05-11 07:46:42 +02:00 · 2026-05-11 07:46:32 +02:00
3 changed files with 16 additions and 3 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
  "name": "twitch-vod-manager",
-  "version": "4.6.104",
+  "version": "4.6.105",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "twitch-vod-manager",
-      "version": "4.6.104",
+      "version": "4.6.105",
      "license": "MIT",
      "dependencies": {
        "axios": "^1.6.0",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "twitch-vod-manager",
-  "version": "4.6.104",
+  "version": "4.6.105",
  "description": "Twitch VOD Manager - Download Twitch VODs easily",
  "main": "dist/main.js",
  "author": "xRangerDE",
--- a/src/styles.css
+++ b/src/styles.css
@ -1621,6 +1621,19 @@ select option {
    background: rgba(255,255,255,0.15);
 }

+/* Focus-visible for the per-card action buttons (Trim, Queue, etc.). The
+   primary variant already has a purple background — use the inner-white
+   + outer-purple double ring so the focus indicator stays visible
+   against the button's own colour. */
+.vod-btn:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.65);
+}
+
+.vod-btn.primary:focus-visible {
+    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85), 0 0 0 4px rgba(145, 70, 255, 0.55);
+}
+
 /* Settings */
 .settings-card {
    background: var(--bg-card);