hr-design-system-handlebars 1.74.14 → 1.75.1

package/src/stories/views/components/page/story/story_article.hbs

@@ -21,6 +21,9 @@
             {{#if this.isVideo}}
                {{> components/content/copytext/components/media/media_figure _isLead=true _fullSize=true _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
             {{/if}}
+            {{#if this.isLivestream}}
+               {{> components/content/copytext/components/media/media_figure _isLead=true _fullSize=true _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+            {{/if}}
         {{/with}}
     {{/unless}}
 
@@ -37,7 +40,7 @@
         _source=this.source
         _isArchiveContent=this.isArchiveContent ~}}
 
-    {{> components/page/components/appendix _isArticle=true }}
+    {{> components/page/components/appendix _isArticle=true _webview=_webview-adjust_context}}
     
     {{> components/page/components/comments }}
 

package/src/stories/views/components/page/story/story_main.stories.js

@@ -3,6 +3,7 @@ import data_story from './fixtures/story.json'
 import data_story_with_label from './fixtures/story_with_label.json'
 import data_story_with_square_image from './fixtures/story_with_square_image.json'
 import data_story_with_video from './fixtures/story_with_video.json'
+import data_story_with_livestream from './fixtures/story_with_livestream.json'
 
 const Template = ({ ...args }) => {
     // You can either use a function to create DOM elements or use a plain html string!
@@ -49,4 +50,13 @@ export const WithVideo = {
     parameters: {
         layout: 'fullscreen',
     }
-}
+}
+
+export const WithLivestream = {
+    render: Template.bind({}),
+    name: 'Artikel mit Livestream im Aufmacher',
+    args: data_story_with_livestream,
+    parameters: {
+        layout: 'fullscreen',
+    }
+}