add(ui/ux): show the target library in the import row, trim the scissors

This commit is contained in:
Steppenstreuner
2026-08-29 10:35:33 +02:00
parent 8bffe6006b
commit 78d726daaf
5 changed files with 59 additions and 4 deletions
+3 -1
View File
@@ -57,7 +57,9 @@ button:disabled { opacity: 0.6; cursor: default; }
.tag.warn { background: #8a6d1f; }
/* per-entry import feedback */
#import-progress { display: flex; align-items: center; gap: 0.6rem; flex: 1; }
/* :not([hidden]) matters: a plain "display: flex" would beat the hidden
attribute and leave an empty bar sitting there (same trap as a <dialog>) */
#import-progress:not([hidden]) { display: flex; align-items: center; gap: 0.6rem; flex: 1; }
#import-progress progress { flex: 1; max-width: 26rem; height: 0.7rem; }
tr.row-running { background: rgba(90, 140, 220, 0.12); }
tr.row-done { background: rgba(80, 170, 110, 0.12); }