Improve progress bar style

saritasa-nest · Nov 26, 2024 · 950d244 · 950d244
1 parent d934618
commit 950d244
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/import_export_extensions/static/import_export_extensions/css/widgets/progress_bar.css b/import_export_extensions/static/import_export_extensions/css/widgets/progress_bar.css
@@ -4,7 +4,7 @@ progress {
   width: 100%;
   -webkit-appearance: none;
   border: none;
-  position:relative;
+  position: relative;
 }
 progress:before {
   content: attr(data-label);
@@ -24,8 +24,13 @@ progress::-webkit-progress-bar {
   background-color: var(--breadcrumbs-fg);
 }
 progress::-webkit-progress-value {
-  background-color: var(--breadcrumbs-bg);
+  background-color: var(--primary);
 }
 progress::-moz-progress-bar {
   background-color: var(--breadcrumbs-bg);
 }
+
+html[data-theme="dark"]
+progress::-webkit-progress-bar {
+  background-color: var(--darkened-bg);
+}
diff --git a/import_export_extensions/templates/admin/import_export_extensions/celery_export_status.html b/import_export_extensions/templates/admin/import_export_extensions/celery_export_status.html
@@ -4,7 +4,6 @@
 
 {% comment %}
   Template to show status of export job.
-  Similar to job's admin page.
 {% endcomment %}
 
 {% block extrastyle %}