Compare commits

..

No commits in common. "f473f9e3438352130531793f3729e207c5670955" and "10513f739932c7e52a49ff21da63e87f8b2c2540" have entirely different histories.

4 changed files with 6 additions and 21 deletions

4
package-lock.json generated
View File

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

View File

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

View File

@ -256,10 +256,8 @@ function buildVodCardHtml(vod: VOD, streamer: string, downloadedIds?: Set<string
data-vod-duration="${safeDurationAttr}"> data-vod-duration="${safeDurationAttr}">
<input type="checkbox" class="vod-select-checkbox" data-vod-url="${safeUrlAttr}" ${isChecked ? 'checked' : ''} title="${escapeHtml(UI_TEXT.vods.bulkSelectedCount.replace('{count}', '0').replace(/[0-9]/g, '').trim() || 'Select')}" style="position:absolute; top:8px; left:8px; width:18px; height:18px; accent-color:#9146FF; cursor:pointer; z-index:2;"> <input type="checkbox" class="vod-select-checkbox" data-vod-url="${safeUrlAttr}" ${isChecked ? 'checked' : ''} title="${escapeHtml(UI_TEXT.vods.bulkSelectedCount.replace('{count}', '0').replace(/[0-9]/g, '').trim() || 'Select')}" style="position:absolute; top:8px; left:8px; width:18px; height:18px; accent-color:#9146FF; cursor:pointer; z-index:2;">
${downloadedBadge} ${downloadedBadge}
<div class="vod-thumb-wrap"> <img class="vod-thumbnail" loading="lazy" decoding="async" src="${thumb}" alt="" title="${escapeHtml(UI_TEXT.vods.openOnTwitch)}" onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 180%22><rect fill=%22%23333%22 width=%22320%22 height=%22180%22/></svg>'">
<img class="vod-thumbnail" loading="lazy" decoding="async" src="${thumb}" alt="" title="${escapeHtml(UI_TEXT.vods.openOnTwitch)}" onerror="this.src='data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 320 180%22><rect fill=%22%23333%22 width=%22320%22 height=%22180%22/></svg>'"> <div class="vod-duration-badge">${escapeHtml(vod.duration)}</div>
<div class="vod-duration-badge">${escapeHtml(vod.duration)}</div>
</div>
<div class="vod-info"> <div class="vod-info">
<div class="vod-title" title="${escapeHtml(vod.title || '')}">${safeDisplayTitle}</div> <div class="vod-title" title="${escapeHtml(vod.title || '')}">${safeDisplayTitle}</div>
<div class="vod-meta"> <div class="vod-meta">

View File

@ -2969,20 +2969,7 @@ input[type="number"]::-webkit-outer-spin-button {
/* ============================================ /* ============================================
VOD DURATION BADGE Twitch-style pill on the thumbnail VOD DURATION BADGE Twitch-style pill on the thumbnail
============================================ ============================================ */
Sits inside .vod-thumb-wrap so the absolute positioning anchors
to the thumbnail bounds, not the whole card (which would push
the badge past the action buttons at the bottom regression
reported in 4.6.44 screenshot). */
.vod-thumb-wrap {
position: relative;
line-height: 0;
}
.vod-thumb-wrap .vod-thumbnail {
display: block;
}
.vod-duration-badge { .vod-duration-badge {
position: absolute; position: absolute;
bottom: 8px; bottom: 8px;