fixes

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;

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});

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;
         }
 

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,
 };

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);
   })