diff --git a/src/renderer-locale-de.ts b/src/renderer-locale-de.ts index a305584..e57ffdc 100644 --- a/src/renderer-locale-de.ts +++ b/src/renderer-locale-de.ts @@ -363,6 +363,7 @@ const UI_TEXT_DE = { updateProgressAria: 'Update-Download-Fortschritt' }, vods: { + selectAriaLabel: 'VOD fuer Bulk-Aktion auswaehlen', noneTitle: 'Keine VODs', noneText: 'Wahle einen Streamer aus der Liste.', loading: 'Lade VODs...', diff --git a/src/renderer-locale-en.ts b/src/renderer-locale-en.ts index b94a9db..40572a4 100644 --- a/src/renderer-locale-en.ts +++ b/src/renderer-locale-en.ts @@ -363,6 +363,7 @@ const UI_TEXT_EN = { updateProgressAria: 'Update download progress' }, vods: { + selectAriaLabel: 'Select VOD for bulk action', noneTitle: 'No VODs', noneText: 'Select a streamer from the list.', loading: 'Loading VODs...', diff --git a/src/renderer-streamers.ts b/src/renderer-streamers.ts index 7ef3e56..7d41cf7 100644 --- a/src/renderer-streamers.ts +++ b/src/renderer-streamers.ts @@ -257,7 +257,7 @@ function buildVodCardHtml(vod: VOD, streamer: string, downloadedIds?: Set - + ${downloadedBadge}
diff --git a/src/styles.css b/src/styles.css index c6cd14c..3f3dc60 100644 --- a/src/styles.css +++ b/src/styles.css @@ -1318,6 +1318,19 @@ select option { box-shadow: 0 0 0 3px rgba(145, 70, 255, 0.35); } +/* The bulk-select checkbox overlaid on each VOD thumbnail top-left. + Positioned absolutely so it sits over the artwork without affecting + the cards flex/info layout. */ +.vod-select-checkbox { + position: absolute; + top: 8px; + left: 8px; + width: 18px; + height: 18px; + cursor: pointer; + z-index: 2; +} + .vod-card.selected { box-shadow: 0 0 0 2px #9146FF, 0 8px 25px rgba(145, 70, 255, 0.25); }