release: 4.6.119 queue context menu CSS class extraction

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.118",
+  "version": "4.6.119",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.118",
+      "version": "4.6.119",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.118",
+  "version": "4.6.119",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/renderer-queue.ts

@@ -186,27 +186,12 @@ function showQueueContextMenu(x: number, y: number, item: QueueItem): void {
 
     const menu = document.createElement('div');
     menu.className = 'queue-context-menu';
-    menu.style.position = 'fixed';
-    menu.style.zIndex = '9999';
-    menu.style.background = 'var(--bg-card)';
-    menu.style.border = '1px solid var(--border-soft)';
-    menu.style.borderRadius = '6px';
-    menu.style.boxShadow = '0 4px 12px rgba(0,0,0,0.4)';
-    menu.style.padding = '4px';
-    menu.style.minWidth = '200px';
 
     const makeItem = (label: string, onClick: () => void, disabled = false): HTMLElement => {
         const el = document.createElement('div');
         el.textContent = label;
-        el.style.padding = '8px 12px';
+        el.className = 'queue-context-menu-item' + (disabled ? ' disabled' : '');
-        el.style.cursor = disabled ? 'not-allowed' : 'pointer';
-        el.style.fontSize = '13px';
-        el.style.color = disabled ? 'var(--text-secondary)' : 'var(--text)';
-        el.style.borderRadius = '4px';
-        el.style.opacity = disabled ? '0.55' : '1';
         if (!disabled) {
-            el.addEventListener('mouseenter', () => { el.style.background = 'rgba(145,70,255,0.15)'; });
-            el.addEventListener('mouseleave', () => { el.style.background = 'transparent'; });
             el.addEventListener('click', () => {
                 try { onClick(); } finally { closeQueueContextMenu(); }
             });
@@ -216,9 +201,7 @@ function showQueueContextMenu(x: number, y: number, item: QueueItem): void {
 
     const makeSeparator = (): HTMLElement => {
         const sep = document.createElement('div');
-        sep.style.height = '1px';
+        sep.className = 'queue-context-menu-separator';
-        sep.style.margin = '4px 6px';
-        sep.style.background = 'var(--border-soft)';
         return sep;
     };
 

src/styles.css

@@ -4409,3 +4409,44 @@ input[type="number"]::-webkit-outer-spin-button {
         scroll-behavior: auto !important;
     }
 }
+
+/* ============================================
+   QUEUE CONTEXT MENU — right-click on a queue row
+   ============================================
+   Previously every property was inline-styled in renderer-queue.ts.
+   left/top stay inline (set per-click); everything else lives here. */
+.queue-context-menu {
+    position: fixed;
+    z-index: 9999;
+    background: var(--bg-card);
+    border: 1px solid var(--border-soft);
+    border-radius: 6px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+    padding: 4px;
+    min-width: 200px;
+}
+
+.queue-context-menu-item {
+    padding: 8px 12px;
+    cursor: pointer;
+    font-size: 13px;
+    color: var(--text);
+    border-radius: 4px;
+    transition: background 0.12s;
+}
+
+.queue-context-menu-item:hover:not(.disabled) {
+    background: rgba(145, 70, 255, 0.15);
+}
+
+.queue-context-menu-item.disabled {
+    color: var(--text-secondary);
+    opacity: 0.55;
+    cursor: not-allowed;
+}
+
+.queue-context-menu-separator {
+    height: 1px;
+    margin: 4px 6px;
+    background: var(--border-soft);
+}