deletes feature photo & stacked:true demo, defaults inline photo to feature photo not bg-img

This commit is contained in:
MinamiFunakoshiTR 2025-04-15 13:55:23 -07:00
parent 9c7eaf3c4d
commit 7b1e56eec6
Failed to extract signature
2 changed files with 8 additions and 26 deletions

View file

@ -33,7 +33,6 @@
import Block from '../Block/Block.svelte';
import SiteHeader from '../SiteHeader/SiteHeader.svelte';
import GraphicBlock from '../GraphicBlock/GraphicBlock.svelte';
import FeaturePhoto from '../FeaturePhoto/FeaturePhoto.svelte';
import Video from '../Video/Video.svelte';
import CrashMap from './demo/graphics/crash.svelte';
@ -56,27 +55,6 @@
/>
</Story>
<Story name="Feature photo hero" exportName="FeaturePhotoHero">
<Block width="fluid" class="chromatic-ignore">
<SiteHeader />
</Block>
<HeroHeadline
section="World News"
hed="Reuters Graphics Interactive"
dek="The beginning of a beautiful page"
authors={['Jane Doe', 'John Doe']}
publishTime={new Date('2022-03-04').toISOString()}
>
<FeaturePhoto
width="widest"
class="my-0"
src={polarImgSrc}
caption="Photo by REUTERS."
altText="A photo of a polar bear."
/>
</HeroHeadline>
</Story>
<Story name="Transparent header" exportName="TransparentHeader">
<div class="transparent-header">
<Block width="fluid" class="chromatic-ignore">

View file

@ -9,6 +9,7 @@
import PaddingReset from '../PaddingReset/PaddingReset.svelte';
import Headline from '../Headline/Headline.svelte';
import Byline from '../Byline/Byline.svelte';
import FeaturePhoto from '../FeaturePhoto/FeaturePhoto.svelte';
export interface Props {
/** Headline, parsed as an _inline_ markdown string in an `h1` element OR as a custom snippet. */
@ -182,10 +183,13 @@
{notes}
{ariaDescription}
>
<div
class="background-image"
style="background-image: url({img})"
></div>
<FeaturePhoto
class="my-0"
width="fluid"
src={img}
caption={notes}
altText={ariaDescription || ''}
/>
</GraphicBlock>
{/if}
</div>