codex-storage/codex-marketplace-ui-components
1
0
Fork 0
mirror of https://github.com/codex-storage/codex-marketplace-ui-components.git synced 2025-02-16 16:37:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix upload progress color

Browse Source
This commit is contained in:
Arnaud 2024-10-08 15:00:08 +02:00
parent 2c8d6f0f86
commit 0484c93990
No known key found for this signature in database
GPG Key ID: 69D6CE281FCAE663
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Upload/upload.css
View File

@ -60,29 +60,33 @@
border-radius: var(--codex-border-radius); border-radius: var(--codex-border-radius);
} }
.uploadFile-progressBar[value] { .uploadFile-progressBar {
height: 0.5rem; height: 0.5rem;
width: 100%; width: 100%;
border: none; border: none;
} }
.uploadFile-progressBar[value]::-webkit-progress-bar { .uploadFile-progressBar[value]::-webkit-progress-bar {
border-radius: var(--codex-border-radius); background-color: var(--codex-background-light);
background-color: var( border-radius: 50px;
--codex-upload-background,
var(--codex-background-secondary)
);
} }
.uploadFile-progressBar[value]::-moz-progress-bar,
.uploadFile-progressBar[value]::-webkit-progress-value { .uploadFile-progressBar[value]::-webkit-progress-value {
border-radius: var(--codex-border-radius); background: var(--codex-color-primary);
background-color: var(--codex-color-primary); border-radius: 50px;
}
.uploadFile-progressBar[value]::-moz-progress-bar {
border-radius: 50px;
background: var(--codex-color-primary);
}
.uploadFile-progressBar[aria-invalid]::-moz-progress-bar {
background: rgb(var(--codex-color-error));
} }
.uploadFile-progressBar[aria-invalid]::-moz-progress-bar,
.uploadFile-progressBar[aria-invalid]::-webkit-progress-value { .uploadFile-progressBar[aria-invalid]::-webkit-progress-value {
background-color: rgb(var(--codex-color-error)); background: rgb(var(--codex-color-error));
} }
.uploadFile-filename { .uploadFile-filename {