diff --git a/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss b/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss index 41d0a94..a3ccffa 100644 --- a/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss +++ b/gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss @@ -154,6 +154,10 @@ line-height: 27px; letter-spacing: 0.18px; font-size:18px; + display: -webkit-box; + -webkit-line-clamp: 6; + -webkit-box-orient: vertical; + overflow: hidden; } } @@ -240,7 +244,7 @@ &.widemode{ @media screen and (min-width:992px){ - border-radius: 4px; + //border-radius: 4px; .blue-box{ width:50%; padding: 100px 15px 20px 15px; diff --git a/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js b/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js index 02dad94..80d488e 100644 --- a/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js +++ b/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js @@ -1,6 +1,7 @@ import {createElement, createImage} from "../../_global/scripts/helpers"; import './teaser.scss'; import {createReadingTime} from "../../atoms/reading-time/ReadingTimeComponent"; +import {createLinkList} from "../linklist/LinkListComponent"; export const createTeaser = ({ type = 'regular', @@ -16,6 +17,7 @@ export const createTeaser = ({ picto = null, pictoText = false, linkType = null, + linklistData = null, }) => { const teaser = createElement('div', ['teaser', type]); if (kicker && kicker.length > 0) { @@ -82,7 +84,11 @@ export const createTeaser = ({ const textBox = createElement('div', ['text-box'], '', teaser); createElement('div', ['title','like-h4'], headline, textBox); - createElement('p', [], copy, textBox); + if (linklistData) { + textBox.appendChild(createLinkList({links: linklistData})); + } else { + createElement('p', [], copy, textBox); + } if (showReadingTime) { const rt = createReadingTime({minutes: Math.floor(Math.random() * 10) + 2}); diff --git a/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss b/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss index 174405a..abf3652 100644 --- a/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss +++ b/gfi-ihk-2024/stories/sections/card-slider/card-slider.scss @@ -105,7 +105,7 @@ &.active button:before { background-color: var(--theme-color-primary); - //box-shadow: 0 0 0 2px var(--theme-color-primary); + box-shadow: 0 0 0 2px var(--theme-color-primary); } } @@ -121,11 +121,10 @@ content: ""; position: relative; display: block; - width: 15px; - height: 15px; - //border: 2px solid var(--theme-color-primary); - background-color: var(--theme-color-primary-dimmed-02); - border-radius: 15px; + width: 10px; + height: 10px; + border: 2px solid var(--theme-color-primary); + border-radius: 5px; transition: 0.2s ease; } diff --git a/gfi-ihk-2024/stories/sections/teasers/Teasers.stories.js b/gfi-ihk-2024/stories/sections/teasers/Teasers.stories.js index 1ae17ef..e9f2860 100644 --- a/gfi-ihk-2024/stories/sections/teasers/Teasers.stories.js +++ b/gfi-ihk-2024/stories/sections/teasers/Teasers.stories.js @@ -13,6 +13,7 @@ export default { teasers: teasersData, includeChart: false, includeSocial: false, + includeLinklist: false, }, argTypes: { type: { @@ -59,4 +60,9 @@ IncludeChartTeaser.args = { export const IncludeSocialTeaser = Template.bind({}); IncludeSocialTeaser.args = { includeSocial: true, +}; + +export const IncludeLinklistTeaser = Template.bind({}); +IncludeLinklistTeaser.args = { + includeLinklist: true, }; \ No newline at end of file diff --git a/gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js b/gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js index e32de27..c16f85c 100644 --- a/gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js +++ b/gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js @@ -5,6 +5,7 @@ import {createTeaser} from "../../components/teaser/TeaserComponent"; import {teasersData} from "./TeasersData"; import Masonry from "../../_global/scripts/masonry"; import {createTeaserSocial} from "../../components/teaser-social/TeaserSocialComponent"; +import {linkListData} from "../../components/linklist/LinkListData"; export const createTeasersSection = ({ type = 'regular', @@ -16,6 +17,7 @@ export const createTeasersSection = ({ maxItems = -1, includeChart = false, includeSocial = false, + includeLinklist = false, }) => { const baseTeaser = { type: 'regular', @@ -84,6 +86,7 @@ export const createTeasersSection = ({ type: getType(index), showReadingTime: type === 'magazine' || type === 'fullwidth' ? true : showReadingTime, kicker: hideKicker ? null : teaserData.kicker, + linklistData: includeLinklist && index === maxItems - 1 ? linkListData : null, }) col.appendChild(teaser); })