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

Fix dual-layer text: use clip-path inset instead of wrapper for pixel-perfect alignment
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:29:28 +01:00
co-authored by Claude Opus 4.6
parent 2d1b6de51a
commit c9bace1e5a
3 changed files with 14 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/styles.css
+8 -16
View File
@@ -676,25 +676,21 @@ body,
z-index: 1;
}
.progress-size-text-clip {
.progress-size-text-filled {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 2;
}
.progress-size-text-clip .progress-size-text-filled {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
font-size: 10px;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: #0a0f1a;
white-space: nowrap;
z-index: 2;
}
.progress-size-small {
@@ -702,7 +698,7 @@ body,
}
.progress-size-small .progress-size-text,
.progress-size-small .progress-size-text-clip .progress-size-text-filled {
.progress-size-small .progress-size-text-filled {
font-size: 9px;
}
@@ -741,24 +737,20 @@ body,
z-index: 1;
}
.progress-inline-text-clip {
.progress-inline-text-filled {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 2;
}
.progress-inline-text-clip .progress-inline-text-filled {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
font-size: 11px;
font-weight: 700;
color: #0a0f1a;
white-space: nowrap;
z-index: 2;
}
.progress-inline-small {
@@ -766,7 +758,7 @@ body,
}
.progress-inline-small .progress-inline-text,
.progress-inline-small .progress-inline-text-clip .progress-inline-text-filled {
.progress-inline-small .progress-inline-text-filled {
font-size: 10px;
}