Files
donna/public/assets/donna-export.css
T
Soporte ZH Consultores eff590af47 feat(export): UI unificada de Excel + PDF en los 4 módulos
- 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
2026-06-04 22:30:37 -05:00

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; }