Administrator/Multi-Debrid-Downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 596 Wiki Activity

Dual-layer text on progress bars: dark text on bar, light text on track (JDownloader style)
Build and Release / build (push) Has been cancelled
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sucukdeluxe
2026-03-02 23:21:21 +01:00
co-authored by Claude Opus 4.6
parent 578d050926
commit c07c0fbdf7
3 changed files with 54 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/styles.css
+42 -8
View File
@@ -669,18 +669,36 @@ body,
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 600;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--text);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
color: var(--muted);
white-space: nowrap;
z-index: 1;
}
.progress-size-text-filled {
position: absolute;
top: 0;
left: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: #0a0f1a;
white-space: nowrap;
z-index: 2;
overflow: hidden;
}
.progress-size-small {
height: 14px;
}
.progress-size-small .progress-size-text {
.progress-size-small .progress-size-text,
.progress-size-small .progress-size-text-filled {
font-size: 9px;
}
@@ -714,16 +732,32 @@ body,
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 600;
color: var(--text);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
font-weight: 700;
color: var(--muted);
z-index: 1;
}
.progress-inline-text-filled {
position: absolute;
top: 0;
left: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 700;
color: #0a0f1a;
z-index: 2;
overflow: hidden;
}
.progress-inline-small {
height: 14px;
}
.progress-inline-small .progress-inline-text {
.progress-inline-small .progress-inline-text,
.progress-inline-small .progress-inline-text-filled {
font-size: 10px;
}