tom/parenthese
1
0 Fork 0
mirror of https://github.com/IliesAllali/parenthese.git synced 2026-11-14 00:22:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(vie): le fil s'arrete au dernier evenement

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
IliesAllaliandClaude Opus 5.5 committed 2026-10-17 11:23:35 +02:00
1 parent 557956fedd
commit cd147e9387
1 file changed
+7 -3
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/LifeTimeline.css
+7 -3
View File
@@ -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; }