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 Block from '../Block/Block.svelte';
|
||||||
import SiteHeader from '../SiteHeader/SiteHeader.svelte';
|
import SiteHeader from '../SiteHeader/SiteHeader.svelte';
|
||||||
import GraphicBlock from '../GraphicBlock/GraphicBlock.svelte';
|
import GraphicBlock from '../GraphicBlock/GraphicBlock.svelte';
|
||||||
import FeaturePhoto from '../FeaturePhoto/FeaturePhoto.svelte';
|
|
||||||
import Video from '../Video/Video.svelte';
|
import Video from '../Video/Video.svelte';
|
||||||
|
|
||||||
import CrashMap from './demo/graphics/crash.svelte';
|
import CrashMap from './demo/graphics/crash.svelte';
|
||||||
|
|
@ -56,27 +55,6 @@
|
||||||
/>
|
/>
|
||||||
</Story>
|
</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">
|
<Story name="Transparent header" exportName="TransparentHeader">
|
||||||
<div class="transparent-header">
|
<div class="transparent-header">
|
||||||
<Block width="fluid" class="chromatic-ignore">
|
<Block width="fluid" class="chromatic-ignore">
|
||||||
|
|
|
||||||
|
|
@ -9,6 +9,7 @@
|
||||||
import PaddingReset from '../PaddingReset/PaddingReset.svelte';
|
import PaddingReset from '../PaddingReset/PaddingReset.svelte';
|
||||||
import Headline from '../Headline/Headline.svelte';
|
import Headline from '../Headline/Headline.svelte';
|
||||||
import Byline from '../Byline/Byline.svelte';
|
import Byline from '../Byline/Byline.svelte';
|
||||||
|
import FeaturePhoto from '../FeaturePhoto/FeaturePhoto.svelte';
|
||||||
|
|
||||||
export interface Props {
|
export interface Props {
|
||||||
/** Headline, parsed as an _inline_ markdown string in an `h1` element OR as a custom snippet. */
|
/** Headline, parsed as an _inline_ markdown string in an `h1` element OR as a custom snippet. */
|
||||||
|
|
@ -182,10 +183,13 @@
|
||||||
{notes}
|
{notes}
|
||||||
{ariaDescription}
|
{ariaDescription}
|
||||||
>
|
>
|
||||||
<div
|
<FeaturePhoto
|
||||||
class="background-image"
|
class="my-0"
|
||||||
style="background-image: url({img})"
|
width="fluid"
|
||||||
></div>
|
src={img}
|
||||||
|
caption={notes}
|
||||||
|
altText={ariaDescription || ''}
|
||||||
|
/>
|
||||||
</GraphicBlock>
|
</GraphicBlock>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue