mgonzalez/project.linkedcorp.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: contador en las pestañas de Tareas/Comentarios/Documentos de una actividad

Browse Source 
Circulo con el numero al lado del nombre de la pestaña: Tareas muestra las pendientes (sin
marcar), Comentarios y Documentos el total. Soporte agregado al componente Tabs reutilizable
(tab.count), no solo al detalle de actividad.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-09-16 12:52:00 -05:00
parent 551d4f8c38
commit 1b23da7151
7 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles/app.css
+7
View File
@@ -174,11 +174,18 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
/* --- Pestañas reales --- */
.tabs { display: flex; gap: 4px; border-bottom: 1px solid rgb(var(--line)); margin-bottom: 16px; overflow-x: auto; }
.tab-item {
display: inline-flex; align-items: center; gap: 7px;
padding: 10px 14px; font-size: .82rem; font-weight: 600; color: rgb(var(--muted));
background: transparent; border: none; border-bottom: 2px solid transparent; cursor: pointer; white-space: nowrap;
}
.tab-item:hover { color: rgb(var(--body)); }
.tab-item.active { color: rgb(var(--accent)); border-bottom-color: rgb(var(--accent)); }
.tab-badge {
display: inline-flex; align-items: center; justify-content: center;
min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
background: rgb(var(--accent) / .18); color: rgb(var(--accent));
font-size: .68rem; font-weight: 700; line-height: 1;
}
/* --- Cards / KPIs --- */
.kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin-bottom: 20px; }