Compare commits
No commits in common. "f473f9e3438352130531793f3729e207c5670955" and "10513f739932c7e52a49ff21da63e87f8b2c2540" have entirely different histories.
f473f9e343
...
10513f7399
4
package-lock.json
generated
4
package-lock.json
generated
@ -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",
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user