Add csv upload, make instruments table expandable

This commit is contained in:
Ian Keane 2026-06-11 14:12:46 -04:00
parent c439c2a6ba
commit e85a4ca987
3 changed files with 265 additions and 6 deletions

View file

@ -53,7 +53,7 @@ header h1 { font-size: 1.4rem; white-space: nowrap; }
}
#btn-unlock { background: transparent; border: 1px solid var(--border); color: var(--muted); }
#btn-add-tune { background: var(--accent); }
#btn-add-tune { background: #166534; color: #86efac; border: 1px solid #15803d; }
#btn-clear-filters { background: transparent; border: 1px solid var(--border); color: var(--muted); font-size: .8rem; }
#app-footer {
@ -517,7 +517,7 @@ fieldset.active .fs-body { display: contents; }
#bulk-edit-popover button:hover { background: rgba(255,255,255,.08); opacity: 1; }
#btn-bulk-edit { background: transparent; border: 1px solid var(--border); color: var(--muted); }
#btn-bulk-edit { background: transparent; border: 1px solid var(--border); color: var(--text); font-size: 1rem; padding: .3rem .65rem; }
#btn-call { background: #1b4332; color: #74c69d; border: 1px solid #2d6a4f; font-weight: 600; }
#btn-learn { background: #3d2e10; color: #f2c94c; border: 1px solid #4d3a1e; font-weight: 600; }
@ -676,6 +676,54 @@ fieldset.active .fs-body { display: contents; }
.bulk-refs-empty { color: var(--muted); text-align: center; padding: 1.5rem; font-size: .875rem; }
/* ── CSV upload modal ────────────────────────────────────────── */
#csv-format-details summary {
cursor: pointer;
font-size: .875rem;
color: var(--muted);
margin-bottom: .4rem;
user-select: none;
}
#csv-format-details summary:hover { color: var(--text); }
.csv-format-table {
width: 100%;
border-collapse: collapse;
font-size: .8rem;
margin-bottom: .6rem;
}
.csv-format-table th,
.csv-format-table td {
padding: .3rem .5rem;
border: 1px solid var(--border);
text-align: left;
}
.csv-format-table th { background: var(--bg); color: var(--muted); font-weight: 600; }
.csv-format-table td:first-child { font-family: monospace; color: #74c69d; }
.csv-format-table td:nth-child(2) { text-align: center; color: var(--accent); font-weight: 600; }
.csv-format-note {
font-size: .78rem;
color: var(--muted);
margin: 0;
}
#csv-upload-area {
margin: 1rem 0 .75rem;
}
#csv-results {
margin-top: .75rem;
font-size: .875rem;
}
.csv-ok { color: #6fcf97; margin: .3rem 0; }
.csv-error { color: #eb5757; margin: .3rem 0; }
.csv-status { color: var(--muted); margin: .3rem 0; }
.csv-errors { color: var(--muted); margin: .3rem 0 .3rem 1.25rem; }
.csv-errors li { margin-bottom: .2rem; }
#btn-csv-import { background: var(--accent); }
/* ── Musician chips ──────────────────────────────────────────── */
.ref-musicians-row {
display: flex;