diff --git a/CHANGELOG.md b/CHANGELOG.md index 2c6f471..61e3c6f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,7 @@ # @UrbanInstitute/dataviz-components Changelog ## Next +- Patch: Headline eyebrows in Drupal include a link to the Story or Data tool homepage; tweaked Headline component to do the same. - Fix: CSS Theme variable --color-green was #ffb748, which is a kind of yellow. Changed to match style guide. ## v0.12.4 diff --git a/src/lib/Headline/Headline.svelte b/src/lib/Headline/Headline.svelte index 62c1a28..1d3426b 100644 --- a/src/lib/Headline/Headline.svelte +++ b/src/lib/Headline/Headline.svelte @@ -15,7 +15,7 @@ export let description = null; /** - * Optional eyebrow to be displayed above the headline. + * Optional eyebrow to be displayed above the headline. Determines eyebrow link. * @type {string | null} */ export let eyebrow = null; @@ -55,32 +55,42 @@
{#if $$slots.eyebrow} + Optional slot for custom content in the eyebrow slot. + --> {:else if eyebrow} -

{eyebrow}

+ {#if eyebrow.toLowerCase() == "data tool"} +

{eyebrow}

+ {:else if eyebrow.toLowerCase() == "story"} +

{eyebrow}

+ {:else} +

{eyebrow}

+ {/if} {/if} {#if $$slots.headline} + Optional slot for custom content in the headline slot. + --> {:else}

{headline}

{/if} {#if $$slots.description} + Optional slot for custom content in the description slot. + --> {:else if description}

{description}

{/if} {#if $$slots.date} + Optional slot for custom content in the date slot. + --> {:else if date}

@@ -91,8 +101,8 @@

{/if} + Optional slot for extra content to include below the date and above the share buttons. + -->
@@ -148,4 +158,8 @@ font-size: var(--font-size-small); text-transform: uppercase; } + .headline-wrap p.headline-eyebrow:hover { + text-decoration: underline; + cursor: pointer; + }