bitforge/orchard
3
0
Fork 0
Code Projects Wiki Activity

Fix progress bar CSS scoping conflict between upload and dashboard

Browse Source
This commit is contained in:
Mondo Diaz
2026-02-03 08:29:03 -06:00
parent e86d974339
commit 9587ed8f17
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/DragDropUpload.css
View File

@@ -290,20 +290,25 @@
color: var(--error-color, #dc3545); color: var(--error-color, #dc3545);
} }
/* Progress Bar */ /* Progress Bar - scoped to upload component */
.progress-bar { .drag-drop-upload .progress-bar,
.upload-queue .progress-bar {
height: 8px; height: 8px;
background: var(--border-color, #ddd); background: var(--border-color, #ddd);
border-radius: 4px; border-radius: 4px;
overflow: hidden; overflow: hidden;
width: 100%;
max-width: 100%;
} }
.progress-bar--small { .drag-drop-upload .progress-bar--small,
.upload-queue .progress-bar--small {
height: 4px; height: 4px;
margin-top: 0.25rem; margin-top: 0.25rem;
} }
.progress-bar__fill { .drag-drop-upload .progress-bar__fill,
.upload-queue .progress-bar__fill {
height: 100%; height: 100%;
background: var(--accent-color, #007bff); background: var(--accent-color, #007bff);
border-radius: 4px; border-radius: 4px;