Compare commits

..

No commits in common. "2cdbbe31ef918657512eb697346ab29a7d4a2438" and "162b2845aab2af1522243b9f297273024111c73d" have entirely different histories.

4 changed files with 10 additions and 60 deletions

4
package-lock.json generated
View File

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

View File

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

View File

@ -108,7 +108,7 @@ function renderStatsActivity(days: ArchiveStatsDay[]): void {
const maxCount = days.reduce((m, d) => Math.max(m, d.count), 0);
if (maxCount === 0) {
applyHtml(container, `<div class="form-note">${escapeStatsHtml(UI_TEXT.static.statsActivityEmpty)}</div>`);
applyHtml(container, `<div style="color: var(--text-secondary);">${escapeStatsHtml(UI_TEXT.static.statsActivityEmpty)}</div>`);
return;
}
@ -118,11 +118,11 @@ function renderStatsActivity(days: ArchiveStatsDay[]): void {
const showLabel = idx === 0 || idx === days.length - 1 || idx % 7 === 0;
const dayLabel = showLabel ? d.date.slice(5) : '';
return `
<div class="stats-day-col">
<div class="stats-day-bar-track">
<div class="stats-day-bar-fill" style="height: ${heightPct}%;" title="${escapeStatsHtml(tooltip)}"></div>
<div style="flex: 1; display:flex; flex-direction:column; align-items:center; gap:4px; min-width:0;">
<div style="width: 100%; height: 90px; display:flex; align-items: flex-end;">
<div style="width:100%; height: ${heightPct}%; background: var(--accent, #9146ff); border-radius: 2px 2px 0 0;" title="${escapeStatsHtml(tooltip)}"></div>
</div>
<div class="stats-day-label">${escapeStatsHtml(dayLabel)}</div>
<div style="font-size: 9px; color: var(--text-secondary); white-space: nowrap;">${escapeStatsHtml(dayLabel)}</div>
</div>
`;
}).join('');
@ -130,8 +130,8 @@ function renderStatsActivity(days: ArchiveStatsDay[]): void {
const totalCount = days.reduce((s, d) => s + d.count, 0);
const totalBytes = days.reduce((s, d) => s + d.bytes, 0);
applyHtml(container, `
<div class="stats-activity-row">${bars}</div>
<div class="stats-activity-summary">${escapeStatsHtml(UI_TEXT.static.statsActivitySummary
<div style="display:flex; gap:2px; align-items: flex-end; padding: 6px 0;">${bars}</div>
<div style="font-size: 12px; color: var(--text-secondary); margin-top: 6px;">${escapeStatsHtml(UI_TEXT.static.statsActivitySummary
.replace('{count}', String(totalCount))
.replace('{size}', formatBytesForStats(totalBytes)))}</div>
`);

View File

@ -2311,56 +2311,6 @@ select option {
pointer-events: none;
}
/* 30-day activity chart vertical bar per day with optional date
label below every 7th column. */
.stats-activity-row {
display: flex;
gap: 2px;
align-items: flex-end;
padding: 6px 0;
}
.stats-day-col {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
min-width: 0;
}
.stats-day-bar-track {
width: 100%;
height: 90px;
display: flex;
align-items: flex-end;
}
.stats-day-bar-fill {
width: 100%;
background: var(--accent, #9146ff);
border-radius: 2px 2px 0 0;
transition: height 0.3s ease-out, background 0.2s;
}
.stats-day-bar-fill:hover {
background: var(--accent-hover, #b97aff);
}
.stats-day-label {
font-size: 9px;
color: var(--text-secondary);
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.stats-activity-summary {
font-size: 12px;
color: var(--text-secondary);
margin-top: 6px;
font-variant-numeric: tabular-nums;
}
/* Old generic scrollbar rules were dead superseded by the
purple-themed *::-webkit-scrollbar block further down the file.
Removed to avoid confusion when someone greps for scrollbar styles. */