deletes feature photo & stacked:true demo, defaults inline photo to feature photo not bg-img
This commit is contained in:
parent
9c7eaf3c4d
commit
7b1e56eec6
2 changed files with 8 additions and 26 deletions
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue