Gandalf/sofarr
1
0
Fork 0
Code Issues 1 Pull Requests Actions 1 Packages Projects Releases 23 Wiki Activity

fix: progress bar not rendering — replace float:left with position:absolute
Build and Push Docker Image / build (push) Successful in 29s
Details
CI / Security audit (push) Successful in 50s
Details
CI / Tests & coverage (push) Successful in 56s
Details

Browse Source 
float:left on .progress-segment was ignored inside the overflow:hidden
position:relative .progress-bar container, so the coloured fill never
appeared. Absolute positioning from top:0 left:0 with the JS-assigned
width renders correctly.
This commit is contained in:
Gronod
2026-05-17 09:53:55 +01:00
parent 1f293ae70b
commit fd0d5cf6ec
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+3 -1
View File
@@ -519,13 +519,15 @@ body {
} }
.progress-segment { .progress-segment {
position: absolute;
top: 0;
left: 0;
height: 100%; height: 100%;
transition: width 0.3s ease; transition: width 0.3s ease;
} }
.progress-segment.downloaded { .progress-segment.downloaded {
background: linear-gradient(90deg, var(--progress-fill-start) 0%, var(--progress-fill-end) 100%); background: linear-gradient(90deg, var(--progress-fill-start) 0%, var(--progress-fill-end) 100%);
float: left;
} }
.progress-text { .progress-text {