filipriec/komp_ac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

import page progress live

Browse Source
This commit is contained in:
Priec
2026-08-19 00:51:13 +02:00
parent e2956455c8
commit d6f2e6b0a4
12 changed files with 724 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/static/app.css
View File

@@ -350,6 +350,26 @@
.cell-closed { color: #c3cad4; }
.cell-inherited { color: #1d4ed8; }
/* ---------- A running import (import/progress.html) ---------- */
/* The card replaces the Import button's answer while the insert runs, so it
sits where the alert would and carries the same weight as one. Every
number is tabular: the figures update every second, and digits that change
width make the whole line jitter. */
.import-progress { margin: 14px 0; padding: 14px 16px; border: 1px solid #cfdcef; border-radius: 9px; background: #f7faff; }
.import-progress h3 { margin: 0 0 10px; color: #24324a; font-size: 14px; }
.progress-line { display: flex; align-items: center; gap: 10px; }
.import-progress progress { flex: 1; width: 100%; height: 10px; border: 0; border-radius: 999px; background: #dde6f2; overflow: hidden; }
.import-progress progress::-webkit-progress-bar { border-radius: 999px; background: #dde6f2; }
.import-progress progress::-webkit-progress-value { border-radius: 999px; background: #3b6fc4; transition: width 400ms ease; }
.import-progress progress::-moz-progress-bar { border-radius: 999px; background: #3b6fc4; }
.progress-percent { min-width: 42px; color: #24324a; font-size: 13px; font-variant-numeric: tabular-nums; text-align: right; }
.progress-rows { margin: 8px 0 0; color: #33415c; font-size: 13px; font-variant-numeric: tabular-nums; }
.progress-stats { display: flex; flex-wrap: wrap; gap: 6px 24px; margin: 10px 0 0; }
.progress-stats dt { color: #6d798a; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.progress-stats dd { margin: 2px 0 0; color: #24324a; font-size: 14px; font-variant-numeric: tabular-nums; }
.import-progress .hint { margin: 10px 0 0; font-size: 12px; }
/* ---------- Import preparation (pages/import_export/import) ---------- */
/* CSV columns are a movable palette; table columns stay fixed as the import