From cd147e93877949ed9f625e83b5732f0980d6f486 Mon Sep 17 00:00:00 2001 From: IliesAllali Date: Sat, 17 Oct 2026 11:23:35 +0200 Subject: [PATCH] fix(vie): le fil s'arrete au dernier evenement Co-Authored-By: Claude Opus 5.5 --- frontend/src/components/LifeTimeline.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/frontend/src/components/LifeTimeline.css b/frontend/src/components/LifeTimeline.css index 51994fb..6571d95 100644 --- a/frontend/src/components/LifeTimeline.css +++ b/frontend/src/components/LifeTimeline.css @@ -2,9 +2,13 @@ .lt { padding: 2px 0 4px; } .lt-rail { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; } -.lt-rail::before { content: ""; position: absolute; left: 54px; top: 12px; bottom: 12px; width: 1px; background: var(--pz-line); } +/* Le fil : un segment par entrée, du premier point au dernier (il s'arrête au décès) */ -.lt-ev { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 0 30px; padding: 8px 0; } +.lt-ev { --dot-y: 17.5px; position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 0 30px; padding: 8px 0; } +.lt-ev::before { content: ""; position: absolute; left: 54px; top: 0; bottom: -2px; width: 1px; background: var(--pz-line); } +.lt-ev:first-child::before { top: var(--dot-y); } +.lt-ev:last-child::before { bottom: auto; height: var(--dot-y); } +.lt-ev:only-child::before { display: none; } .lt-ev::after { content: ""; position: absolute; left: 51px; top: 14px; width: 7px; height: 7px; border-radius: 50%; background: var(--pz-surface); box-shadow: inset 0 0 0 1.5px var(--pz-a500); @@ -15,7 +19,7 @@ .lt-note { font: 400 13px/1.5 var(--pz-sans); color: var(--pz-ink-2); margin: 4px 0 0; white-space: pre-line; } /* Grands repères : naissance, unions, décès */ -.lt-ev--mile { padding: 12px 0 10px; } +.lt-ev--mile { --dot-y: 23.5px; padding: 12px 0 10px; } .lt-ev--mile::after { top: 19px; left: 50px; width: 9px; height: 9px; background: var(--pz-a500); } .lt-ev--mile .lt-title { font: 400 21px/1.2 var(--pz-serif); letter-spacing: -.005em; } .lt-ev--mile .lt-year { font-size: 14px; color: var(--pz-ink); padding-top: 6px; }