Compare commits

..

No commits in common. "2f918231610345201d77ba5b67da5c69c294f46a" and "fdeb1697de3f2c99be34b07f69ecb74746249e28" have entirely different histories.

4 changed files with 6 additions and 44 deletions

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "twitch-vod-manager", "name": "twitch-vod-manager",
"version": "4.6.29", "version": "4.6.28",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "twitch-vod-manager", "name": "twitch-vod-manager",
"version": "4.6.29", "version": "4.6.28",
"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.29", "version": "4.6.28",
"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

@ -301,9 +301,9 @@
<span id="vodHideDownloadedText">Hide downloaded</span> <span id="vodHideDownloadedText">Hide downloaded</span>
</label> </label>
</div> </div>
<div id="vodBulkBar" class="vod-bulk-bar" style="display:none;"> <div id="vodBulkBar" class="vod-bulk-bar" style="display:none; align-items:center; gap:10px; padding:8px 12px; background: rgba(145, 70, 255, 0.12); border:1px solid rgba(145, 70, 255, 0.4); border-radius:6px; margin-bottom:12px; flex-wrap:wrap;">
<span id="vodBulkCount" class="vod-bulk-count">0 selected</span> <span id="vodBulkCount" style="color: var(--text); font-size:13px; font-weight:600;">0 selected</span>
<span class="vod-bulk-spacer"></span> <span style="flex:1;"></span>
<button id="vodBulkAddBtn" class="btn-pill primary" type="button" onclick="bulkAddSelectedVodsToQueue()">+ Queue</button> <button id="vodBulkAddBtn" class="btn-pill primary" type="button" onclick="bulkAddSelectedVodsToQueue()">+ Queue</button>
<button id="vodBulkMarkBtn" class="btn-pill" type="button" onclick="bulkMarkSelectedDownloaded(true)">Mark as downloaded</button> <button id="vodBulkMarkBtn" class="btn-pill" type="button" onclick="bulkMarkSelectedDownloaded(true)">Mark as downloaded</button>
<button id="vodBulkUnmarkBtn" class="btn-pill" type="button" onclick="bulkMarkSelectedDownloaded(false)">Unmark</button> <button id="vodBulkUnmarkBtn" class="btn-pill" type="button" onclick="bulkMarkSelectedDownloaded(false)">Unmark</button>

View File

@ -150,44 +150,6 @@ body {
font-weight: 600; font-weight: 600;
} }
/* ============================================
VOD BULK-ACTION BAR slides in when 1+ VOD is selected
============================================
Lives between the filter row and the VOD grid. Used to be all
inline-styled in HTML; extracted to a class so the slide-in
animation has somewhere to live and the styling stays consistent
with the rest of the action surfaces. */
.vod-bulk-bar {
align-items: center;
gap: 10px;
padding: 10px 14px;
background: linear-gradient(135deg, rgba(145, 70, 255, 0.15) 0%, rgba(145, 70, 255, 0.08) 100%);
border: 1px solid rgba(145, 70, 255, 0.42);
border-radius: 8px;
margin-bottom: 12px;
flex-wrap: wrap;
box-shadow: 0 4px 16px rgba(145, 70, 255, 0.10);
/* Animation fires whenever the JS flips display:none -> display:flex,
because Animation events restart on each display change. */
animation: vod-bulk-bar-slide 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes vod-bulk-bar-slide {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
.vod-bulk-count {
color: var(--text);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.2px;
}
.vod-bulk-spacer {
flex: 1;
}
.streamer-item .remove { .streamer-item .remove {
margin-left: auto; margin-left: auto;
opacity: 0; opacity: 0;