wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ignore referrals

Browse source
This commit is contained in:
Jon McClure 2023-07-06 18:39:36 +01:00
parent 62ba4193e6
commit d1dbc33c09
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/ReferralBlock/ReferralBlock.svelte
View file

@ -83,7 +83,7 @@
class="referral-container" class="referral-container"
class:stacked="{clientWidth && clientWidth < 750}" class:stacked="{clientWidth && clientWidth < 750}"
class:xs="{clientWidth && clientWidth < 450}" class:xs="{clientWidth && clientWidth < 450}"
bind:clientWidth bind:clientWidth="{clientWidth}"
> >
{#each $referrals as referral} {#each $referrals as referral}
<div class="referral"> <div class="referral">
@ -97,9 +97,13 @@
class="headline" class="headline"
class:xs="{clientWidth && clientWidth < 450}" class:xs="{clientWidth && clientWidth < 450}"
> >
<div class="kicker">{referral.kicker.name}</div> <div class="kicker" data-chromatic="ignore">
<div class="title">{referral.title}</div> {referral.kicker.name}
<div class="publish-time"> </div>
<div class="title" data-chromatic="ignore">
{referral.title}
</div>
<div class="publish-time" data-chromatic="ignore">
{getTime(new Date(referral.display_time))} {getTime(new Date(referral.display_time))}
</div> </div>
</div> </div>
@ -108,6 +112,7 @@
class:xs="{clientWidth && clientWidth < 450}" class:xs="{clientWidth && clientWidth < 450}"
> >
<img <img
data-chromatic="ignore"
src="{referral.thumbnail.renditions.landscape['240w']}" src="{referral.thumbnail.renditions.landscape['240w']}"
alt="{referral.thumbnail.caption || alt="{referral.thumbnail.caption ||
referral.thumbnail.alt_text}" referral.thumbnail.alt_text}"

8
src/components/SiteFooter/Referrals/Link.svelte
View file

@ -10,12 +10,16 @@
<a href="{url.replace('index.html', '')}"> <a href="{url.replace('index.html', '')}">
<IntersectionObserver let:intersecting top="{600}" once="{true}"> <IntersectionObserver let:intersecting top="{600}" once="{true}">
{#if intersecting} {#if intersecting}
<div class="image" style="{`background-image: url(${image});`}"></div> <div
data-chromatic="ignore"
class="image"
style="{`background-image: url(${image});`}"
></div>
{:else} {:else}
<div class="image"></div> <div class="image"></div>
{/if} {/if}
</IntersectionObserver> </IntersectionObserver>
<p>{title}</p> <p data-chromatic="ignore">{title}</p>
</a> </a>
</div> </div>