- Nuevos assets compartidos /assets/donna-export.{css,js}: botón
"Exportar ▾" + menú dropdown Excel/PDF y helpers DonnaExport.toExcel
/ .toPDF / .attach / .buttonHtml
- escrituras: refactor de exportExcel/exportPDF para usar el módulo
compartido (sin cambio de comportamiento)
- tramites: nuevo botón en la toolbar de cada tab (adm/corp/mig/lit),
exporta los rows filtrados de ese tab; PDF excluye Involucrados
- calendario: nuevo botón al final de la toolbar, exporta visibleEvents()
(respeta chips de origen y búsqueda)
- horas: reemplaza CSV server-side por XLSX client-side + agrega PDF;
removida la acción ?action=export del api.php
33 lines
1.6 KiB
CSS
33 lines
1.6 KiB
CSS
/* ============================================================
|
|
* Donna — UI compartida para botón "Exportar" con menú dropdown
|
|
* ============================================================ */
|
|
.export-wrap { position:relative; display:inline-block; }
|
|
.btn-export {
|
|
display:inline-flex; align-items:center; gap:7px;
|
|
padding:8px 16px; background:#fff; color:var(--navy, #1B3A6B);
|
|
border:1px solid var(--navy, #1B3A6B); border-radius:8px;
|
|
font-family:'DM Sans',sans-serif; font-size:13px; font-weight:500;
|
|
cursor:pointer; transition:background .15s; white-space:nowrap;
|
|
}
|
|
.btn-export:hover { background:var(--off, #F7F6F3); }
|
|
.btn-export svg { width:14px; height:14px; }
|
|
.export-menu {
|
|
position:absolute; right:0; top:calc(100% + 6px);
|
|
background:#fff; border:1px solid var(--gray-200, #D6D4CC);
|
|
border-radius:8px; box-shadow:0 4px 20px rgba(0,0,0,0.1);
|
|
min-width:210px; z-index:300; overflow:hidden; display:none;
|
|
}
|
|
.export-menu.open { display:block; }
|
|
.export-menu button {
|
|
width:100%; display:flex; align-items:center; gap:10px;
|
|
padding:11px 16px; background:transparent; border:none;
|
|
font-family:'DM Sans',sans-serif; font-size:13px; color:var(--gray-700, #4A4946);
|
|
cursor:pointer; text-align:left; transition:background .12s;
|
|
}
|
|
.export-menu button:hover { background:var(--off, #F7F6F3); color:var(--navy, #1B3A6B); }
|
|
.export-menu button svg { width:15px; height:15px; flex-shrink:0; }
|
|
.export-menu button.xl { color:#1D6F42; }
|
|
.export-menu button.xl:hover { background:#EAF3DE; }
|
|
.export-menu button.pdf { color:#C0392B; }
|
|
.export-menu button.pdf:hover { background:#FCEBEB; }
|