Add csv upload, make instruments table expandable
This commit is contained in:
parent
c439c2a6ba
commit
e85a4ca987
3 changed files with 265 additions and 6 deletions
52
style.css
52
style.css
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue