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

fix: version 2.18.1 -- Panel: barras alineadas en los popups de detalle

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-10-21 08:22:35 -05:00
parent 3884239b7e
commit f66df86000
5 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Dashboard/DashboardPage.jsx
+9 -4
View File
@@ -14,6 +14,11 @@ function ratioOf(part, total) {
return { ratio, pct: Math.round(ratio * 100) };
}
// Columnas fijas en las filas de los popups: aunque una fila no tenga etiqueta de vencimiento,
// la barra de avance queda alineada con las demas (tabla "invisible").
const BAR_COL = { width: 120, flex: 'none' };
const BADGE_COL = { width: 96, flex: 'none', display: 'flex', justifyContent: 'flex-end' };
const dateOnly = (d) => (d ? String(d).slice(0, 10) : '—');
function ProjectRows({ projects, onOpen }) {
@@ -27,8 +32,8 @@ function ProjectRows({ projects, onOpen }) {
{p.owner_name || '—'} · {dateOnly(p.estimated_end_date)}{p.status_name ? ` · ${p.status_name}` : ''}
</div>
</div>
<div style={{ width: 120 }}><ProgressBar value={Number(p.progress_pct)} /></div>
<DueBadge status={p.dueStatus} />
<div style={BAR_COL}><ProgressBar value={Number(p.progress_pct)} /></div>
<div style={BADGE_COL}><DueBadge status={p.dueStatus} /></div>
</div>
));
}
@@ -44,8 +49,8 @@ function ActivityRows({ activities, onOpen }) {
{a.project_code} — {a.project_name} · {a.responsible_name || '—'} · {dateOnly(a.due_date)}
</div>
</div>
<div style={{ width: 120 }}><ProgressBar value={Number(a.progress_pct)} /></div>
<DueBadge status={a.dueStatus} />
<div style={BAR_COL}><ProgressBar value={Number(a.progress_pct)} /></div>
<div style={BADGE_COL}><DueBadge status={a.dueStatus} /></div>
</div>
));
}