luke-else/luke-else.co.uk
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Added pulsing effect to timeline elements that are still in progress

Browse Source
This commit is contained in:
Luke Else
2023-10-26 13:19:46 +01:00
parent be1bd54fb9
commit 7a932eed95
2 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/timeline.svelte
View File

@ -24,7 +24,13 @@
</TimelineOppositeContent>
<TimelineSeparator>
<TimelineDot style={`background-color: var(--link); border-color: var(--bg-grad);`} />
{#if item.duration.includes('Present') || !item.duration.includes('-')}
<div class="elementToFadeInAndOut">
<TimelineDot style={`background-color: var(--link); border-color: var(--bg-grad);`} />
</div>
{:else}
<TimelineDot style={`background-color: var(--link); border-color: var(--bg-grad);`} />
{/if}
<TimelineConnector />
</TimelineSeparator>
<TimelineContent>