Luca Banfi
126 lines
5.3 KiB
CSS
126 lines
5.3 KiB
CSS
/* ── documenti.css — session blocks, table, badges, print ── */
|
|
|
|
/* ── Session blocks ────────────────────────────── */
|
|
.sess-block {
|
|
border: 1px solid #e2e8f0;
|
|
border-radius: 8px;
|
|
margin-bottom: .6rem;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sess-summary {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: .75rem;
|
|
padding: .65rem 1rem;
|
|
cursor: pointer;
|
|
list-style: none;
|
|
user-select: none;
|
|
background: #f8fafc;
|
|
}
|
|
.sess-summary:hover { background: #f1f5f9; }
|
|
.sess-block[open] > .sess-summary { border-bottom: 1px solid #e2e8f0; }
|
|
|
|
.sess-id {
|
|
font-weight: 700;
|
|
font-size: .8rem;
|
|
color: #2563eb;
|
|
min-width: 56px;
|
|
}
|
|
.sess-corso {
|
|
font-weight: 600;
|
|
font-size: .875rem;
|
|
color: #1e293b;
|
|
flex: 1;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.sess-azienda {
|
|
font-size: .8rem;
|
|
color: #64748b;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 220px;
|
|
}
|
|
.sess-counts { display: flex; gap: .35rem; flex-shrink: 0; }
|
|
|
|
/* ── Count badges ──────────────────────────────── */
|
|
.cnt { font-size: .75rem; font-weight: 600; padding: 2px 8px; border-radius: 99px; }
|
|
.cnt-caricato { background: #dcfce7; color: #15803d; }
|
|
.cnt-trovato { background: #dbeafe; color: #1d4ed8; }
|
|
.cnt-warning { background: #fef9c3; color: #a16207; }
|
|
.cnt-errore { background: #fee2e2; color: #b91c1c; }
|
|
|
|
/* ── Status badges ─────────────────────────────── */
|
|
.badge.doc-trovato { background: #dbeafe; color: #1d4ed8; }
|
|
.badge.doc-caricato { background: #dcfce7; color: #15803d; }
|
|
.badge.doc-warning { background: #fef9c3; color: #a16207; }
|
|
.badge.doc-errore { background: #fee2e2; color: #b91c1c; }
|
|
|
|
/* ── Subtable ──────────────────────────────────── */
|
|
.sess-docs { padding: .5rem 1rem 1rem; overflow-x: auto; }
|
|
|
|
.doc-subtable { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .85rem; }
|
|
.doc-subtable thead th {
|
|
text-align: left; padding: 6px 10px;
|
|
border-bottom: 2px solid #e2e8f0; color: #475569; font-weight: 600; white-space: nowrap;
|
|
}
|
|
.doc-subtable tbody td { padding: 5px 10px; border-bottom: 1px solid #f1f5f9; color: #1e293b; }
|
|
.doc-subtable tbody tr:last-child td { border-bottom: none; }
|
|
.doc-subtable tbody tr:hover td { background: #f8fafc; }
|
|
|
|
.doc-row.doc-warning td { background: #fefce8; }
|
|
.doc-row.doc-errore td { background: #fff5f5; }
|
|
|
|
.col-subfolder { color: #64748b; font-size: .78rem; white-space: nowrap; }
|
|
.col-doctype { color: #475569; font-size: .8rem; white-space: nowrap; }
|
|
.col-status { white-space: nowrap; }
|
|
.col-filename { color: #1e293b; width: 30%; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
.col-note { color: #94a3b8; font-size: .8rem; max-height: 3.2em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
|
|
.col-sp { text-align: center; white-space: nowrap; }
|
|
.sp-link { font-size: 1.1rem; text-decoration: none; }
|
|
.sp-link:hover { opacity: .75; }
|
|
.sp-missing { font-size: 1rem; color: #cbd5e1; }
|
|
.col-uploaded { color: #94a3b8; font-size: .78rem; white-space: nowrap; }
|
|
|
|
.empty-msg { color: #64748b; padding: 2rem 0; text-align: center; }
|
|
|
|
/* pagination-hidden (by JS) */
|
|
.pag-hidden { display: none; }
|
|
|
|
/* ── Print / PDF export ────────────────────────────────── */
|
|
@media print {
|
|
.print-hidden { display: none !important; }
|
|
@page { size: A4 landscape; margin: 12mm 10mm; }
|
|
header, nav, footer, .doc-toolbar, .floating-export { display: none !important; }
|
|
main { padding: 0; margin: 0; }
|
|
details.sess-block { display: block !important; }
|
|
details.sess-block > .sess-docs { display: block !important; }
|
|
.sess-block {
|
|
border: 1px solid #cbd5e1; border-radius: 4px; margin-bottom: 0;
|
|
page-break-before: always; page-break-inside: avoid; break-before: page; break-inside: avoid;
|
|
}
|
|
.sess-block:first-child { page-break-before: auto; break-before: auto; }
|
|
.sess-summary { background: #f1f5f9 !important; border-bottom: 1px solid #cbd5e1; }
|
|
.sess-docs { padding: .3rem .6rem .6rem; }
|
|
.doc-subtable { width: 100%; font-size: .72rem; table-layout: fixed; }
|
|
.doc-subtable thead th { background: #f8fafc; padding: 4px 6px; }
|
|
.doc-subtable tbody td { padding: 3px 6px; }
|
|
.col-filename { width: 22%; word-break: break-word; }
|
|
.col-doctype { width: 11%; }
|
|
.col-subfolder { width: 11%; }
|
|
.col-status { width: 7%; }
|
|
.col-note { width: 38%; word-break: break-word; -webkit-line-clamp: unset; max-height: none; }
|
|
.col-uploaded { width: 9%; }
|
|
.doc-row.doc-warning td { background: #fefce8 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
|
.doc-row.doc-errore td { background: #fff5f5 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
|
.badge { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
|
.cnt { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
|
|
.col-sp { display: none; }
|
|
.doc-subtable thead th:nth-child(5) { display: none; }
|
|
.pag-hidden { display: block !important; }
|
|
}
|