diff --git a/src/renderer-locale-de.ts b/src/renderer-locale-de.ts index 856c78b..49822d3 100644 --- a/src/renderer-locale-de.ts +++ b/src/renderer-locale-de.ts @@ -264,6 +264,9 @@ const UI_TEXT_DE = { }, queue: { empty: 'Keine Downloads in der Warteschlange', + detailStreamer: 'Streamer:', + detailDuration: 'Dauer:', + detailDate: 'Datum:', start: 'Start', stop: 'Pausieren', resume: 'Fortsetzen', diff --git a/src/renderer-locale-en.ts b/src/renderer-locale-en.ts index 7e8fd68..7168837 100644 --- a/src/renderer-locale-en.ts +++ b/src/renderer-locale-en.ts @@ -264,6 +264,9 @@ const UI_TEXT_EN = { }, queue: { empty: 'No downloads in queue', + detailStreamer: 'Streamer:', + detailDuration: 'Duration:', + detailDate: 'Date:', start: 'Start', stop: 'Pause', resume: 'Resume', diff --git a/src/renderer-queue.ts b/src/renderer-queue.ts index 9054fce..4f88e8b 100644 --- a/src/renderer-queue.ts +++ b/src/renderer-queue.ts @@ -555,7 +555,7 @@ function renderQueue(): void {
-
${liveBadge}${healthBadge}${mergeIcon}${isClip}${safeTitle}
+
${liveBadge}${healthBadge}${mergeIcon}${isClip}${safeTitle}
${safeStatusLabel}
${safeMeta}${mergeMetaExtra}
@@ -564,14 +564,14 @@ function renderQueue(): void {
${safeProgressText}
-
URL: ${escapeHtml(item.url)}
-
Streamer: ${escapeHtml(item.streamer)}
-
Dauer: ${escapeHtml(item.duration_str)}
-
Datum: ${escapeHtml(new Date(item.date).toLocaleString())}
+
URL: ${escapeHtml(item.url)}
+
${escapeHtml(UI_TEXT.queue.detailStreamer)} ${escapeHtml(item.streamer)}
+
${escapeHtml(UI_TEXT.queue.detailDuration)} ${escapeHtml(item.duration_str)}
+
${escapeHtml(UI_TEXT.queue.detailDate)} ${escapeHtml(new Date(item.date).toLocaleString())}
${renderQueueItemFileActions(item)}
- ${item.status === 'error' ? `` : ''} + ${item.status === 'error' ? `` : ''} x `; diff --git a/src/styles.css b/src/styles.css index 0d4e20c..64597a1 100644 --- a/src/styles.css +++ b/src/styles.css @@ -859,6 +859,36 @@ select option { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + cursor: pointer; +} + +.queue-detail-label { + color: var(--text-secondary); + font-weight: 500; + margin-right: 4px; +} + +.queue-retry-btn { + background: transparent; + border: 1px solid var(--border-soft); + border-radius: 6px; + color: var(--text-secondary); + cursor: pointer; + padding: 4px 8px; + font-size: 14px; + line-height: 1; + align-self: center; + transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.12s; +} + +.queue-retry-btn:hover { + background: rgba(145, 70, 255, 0.18); + border-color: rgba(145, 70, 255, 0.55); + color: #fff; +} + +.queue-retry-btn:active { + transform: scale(0.92); } .queue-main {