hr-design-system-handlebars 1.114.40 → 1.114.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/.storybook/preview.js +4 -1
  2. package/CHANGELOG.md +24 -0
  3. package/dist/assets/index.css +17 -5
  4. package/dist/views/components/content/copytext/components/audio.hbs +2 -2
  5. package/dist/views/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  6. package/dist/views/components/content/copytext/components/image/image.hbs +4 -4
  7. package/dist/views/components/content/copytext/components/media/media_figure.hbs +2 -2
  8. package/dist/views/components/content/copytext/components/posterteaser.hbs +1 -1
  9. package/dist/views/components/content/copytext/components/video/video.hbs +2 -2
  10. package/dist/views/components/content/copytext/components/videolivestream.hbs +2 -2
  11. package/dist/views/components/content/copytext/copytext.hbs +2 -2
  12. package/dist/views/components/content/copytext/copytext_body.hbs +12 -12
  13. package/dist/views/components/podcast/podcast_player.hbs +1 -1
  14. package/dist/views_static/components/content/copytext/components/audio.hbs +2 -2
  15. package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  16. package/dist/views_static/components/content/copytext/components/image/image.hbs +4 -4
  17. package/dist/views_static/components/content/copytext/components/media/media_figure.hbs +2 -2
  18. package/dist/views_static/components/content/copytext/components/posterteaser.hbs +1 -1
  19. package/dist/views_static/components/content/copytext/components/video/video.hbs +2 -2
  20. package/dist/views_static/components/content/copytext/components/videolivestream.hbs +2 -2
  21. package/dist/views_static/components/content/copytext/copytext.hbs +2 -2
  22. package/dist/views_static/components/content/copytext/copytext_body.hbs +12 -12
  23. package/dist/views_static/components/podcast/podcast_player.hbs +1 -1
  24. package/package.json +1 -1
  25. package/src/assets/css/custom-components.css +1 -1
  26. package/src/stories/views/components/content/copytext/components/audio.hbs +2 -2
  27. package/src/stories/views/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  28. package/src/stories/views/components/content/copytext/components/image/image.hbs +4 -4
  29. package/src/stories/views/components/content/copytext/components/media/media_figure.hbs +2 -2
  30. package/src/stories/views/components/content/copytext/components/posterteaser.hbs +1 -1
  31. package/src/stories/views/components/content/copytext/components/video/video.hbs +2 -2
  32. package/src/stories/views/components/content/copytext/components/videolivestream.hbs +2 -2
  33. package/src/stories/views/components/content/copytext/copytext.hbs +2 -2
  34. package/src/stories/views/components/content/copytext/copytext_body.hbs +12 -12
  35. package/src/stories/views/components/content/copytext/copytext_ticker.stories.js +405 -0
  36. package/src/stories/views/components/podcast/podcast_player.hbs +1 -1
package/.storybook/preview.js CHANGED
@@ -219,8 +219,11 @@ export const parameters = {
219
219
  'Page',
220
220
  'Header',
221
221
  'Teaser',
222
- 'grid',
222
+ 'Grid',
223
223
  'Label',
224
+ 'Navigation',
225
+ 'Content',
226
+ ['Copytext', 'Content-Footer', 'SocialMediaLinks']
224
227
  ],
225
228
  '*',
226
229
  ],
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.114.42 (Wed Dec 11 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - DPE-3467 - Neuen Copytext im Tickeritem einbauen [#1191](https://github.com/mumprod/hr-design-system-handlebars/pull/1191) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
13
+ # v1.114.41 (Wed Dec 11 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - fixes typo [#1190](https://github.com/mumprod/hr-design-system-handlebars/pull/1190) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v1.114.40 (Wed Dec 11 2024)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1016,12 +1016,12 @@ article.indexTextDS .indexTextHighlighted .link {
1016
1016
  text-decoration-thickness: 1px;
1017
1017
  }
1018
1018
  /* -----------------------------COPYTEXT ---------------------------- */
1019
- article #commentsList {
1019
+ article #commentList {
1020
1020
  scroll-margin-top: 117px;
1021
1021
  }
1022
1022
  @media (min-width: 768px) {
1023
1023
 
1024
- article #commentsList {
1024
+ article #commentList {
1025
1025
  scroll-margin-top: 128px;
1026
1026
  }
1027
1027
  }
@@ -1794,6 +1794,9 @@ article #commentsList {
1794
1794
  .w-16 {
1795
1795
  width: 4rem;
1796
1796
  }
1797
+ .w-18 {
1798
+ width: 4.5rem;
1799
+ }
1797
1800
  .w-2 {
1798
1801
  width: 0.5rem;
1799
1802
  }
@@ -3710,7 +3713,7 @@ article #commentsList {
3710
3713
  border-bottom-color: var(--color-secondary-ds);
3711
3714
  }
3712
3715
  .counter-reset {
3713
- counter-reset: cnt1733923006806;
3716
+ counter-reset: cnt1733949135730;
3714
3717
  }
3715
3718
  html { scroll-behavior: smooth; }
3716
3719
  .placeholder-text-xs::-webkit-input-placeholder {
@@ -4125,7 +4128,7 @@ html { scroll-behavior: smooth; }
4125
4128
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4126
4129
  }
4127
4130
  .-ordered {
4128
- counter-increment: cnt1733923006806 1;
4131
+ counter-increment: cnt1733949135730 1;
4129
4132
  }
4130
4133
  .-ordered::before {
4131
4134
  position: absolute;
@@ -4143,7 +4146,7 @@ html { scroll-behavior: smooth; }
4143
4146
  --tw-text-opacity: 1;
4144
4147
  color: rgba(0, 0, 0, 1);
4145
4148
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4146
- content: counter(cnt1733923006806);
4149
+ content: counter(cnt1733949135730);
4147
4150
  }
4148
4151
  /*! ****************************/
4149
4152
  /*! DataPolicy stuff */
@@ -6528,6 +6531,11 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
6528
6531
  }
6529
6532
  @media (min-width: 360px) {
6530
6533
 
6534
+ .xs\:mx-10 {
6535
+ margin-left: 2.5rem;
6536
+ margin-right: 2.5rem;
6537
+ }
6538
+
6531
6539
  .xs\:mx-13 {
6532
6540
  margin-left: 3.25rem;
6533
6541
  margin-right: 3.25rem;
@@ -6544,6 +6552,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
6544
6552
  -webkit-box-orient: vertical;
6545
6553
  -webkit-line-clamp: 5;
6546
6554
  }
6555
+
6556
+ .xs\:w-22 {
6557
+ width: 5.5rem;
6558
+ }
6547
6559
  .xs\:article-full-width {
6548
6560
  grid-column: full-width;
6549
6561
  }
package/dist/views/components/content/copytext/components/audio.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/audioeventlivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/image/image.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  {{#if this.showFullSize.isTrue }}
3
3
  {{> components/content/copytext/components/image/figure
4
4
  _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
5
- _cssClassCaption="mx-5 sm:mx-0"
5
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
6
6
  _type="story"
7
7
  _variant="100-copytext-portrait"
8
8
  _noAr="true"
@@ -10,7 +10,7 @@
10
10
  {{else}}
11
11
  {{> components/content/copytext/components/image/figure
12
12
  _cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
13
- _cssClassCaption="mx-5 sm:mx-0"
13
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
14
14
  _type="story"
15
15
  _variant="copytext-portrait"
16
16
  _noAr="true"
@@ -20,7 +20,7 @@
20
20
  {{#if this.showFullSize.isTrue}}
21
21
  {{> components/content/copytext/components/image/figure
22
22
  _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
23
- _cssClassCaption="mx-5 sm:mx-0"
23
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
24
24
  _type="story"
25
25
  _variant="100-copytext"
26
26
  _pictureAddClass="ar-16-9"
@@ -28,7 +28,7 @@
28
28
  {{else}}
29
29
  {{> components/content/copytext/components/image/figure
30
30
  _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
31
- _cssClassCaption="mx-5 sm:mx-0"
31
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
32
32
  _type="story"
33
33
  _variant="copytext"
34
34
  _pictureAddClass="ar-16-9"
package/dist/views/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -41,7 +41,7 @@
41
41
  {{#unless _voting-option}}
42
42
  {{#if this.teaseritem}}
43
43
  {{#if this.isAudio}}
44
- {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
44
+ {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
45
45
  {{~> components/content/copytext/components/image/image_copyright~}}
46
46
  <span class="mx-1.5">|</span>
47
47
  {{~#with ../../this.toModel.mediaBacklinkToStoryTeaser-adjust_context~}}
@@ -56,7 +56,7 @@
56
56
  {{~/with~}}
57
57
  {{~/components/content/copytext/components/image/caption~}}
58
58
  {{else}}
59
- {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
59
+ {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
60
60
  {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
61
61
  {{~> components/content/copytext/components/image/image_copyright~}}
62
62
  {{~/components/content/copytext/components/image/collapsible_caption~}}
package/dist/views/components/content/copytext/components/posterteaser.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
1
+ <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
2
2
  {{> components/teaser/teaser_poster _isCopytext=true }}
3
3
  </div>
package/dist/views/components/content/copytext/components/video/video.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/videolivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/copytext.hbs CHANGED
@@ -1,9 +1,9 @@
1
- <div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
1
+ <div class="mt-2 hrds-copytext contents sm:block copytextWrapper">
2
2
  {{~#with this.leadAudio }}
3
3
  {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
- {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
6
+ {{~> components/content/copytext/copytext_body _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext~}}
7
7
  {{/each}}
8
8
  </div>
9
9
  {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story;
package/dist/views/components/content/copytext/copytext_body.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{#unless this.isInfoBox}}
5
5
  {{~#with this.paragraphBoxItem }}
6
6
  {{~#if this.isImage}}
7
- {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
7
+ {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
8
8
  {{/if~}}
9
9
  {{~#if this.isContentBox}}
10
10
  {{~> components/content/copytext/components/contentbox/contentbox _isWebview=../_isWebview ~}}
@@ -28,19 +28,19 @@
28
28
  {{> components/content/copytext/components/newsletter }}
29
29
  {{/if~}}
30
30
  {{~#if this.isAudioOnDemand}}
31
- {{> components/content/copytext/components/audio }}
31
+ {{> components/content/copytext/components/audio _isTickerCopytext=../_isTickerCopytext }}
32
32
  {{/if~}}
33
33
  {{~#if this.isAudioEventLivestream}}
34
- {{> components/content/copytext/components/audioeventlivestream }}
34
+ {{> components/content/copytext/components/audioeventlivestream _isTickerCopytext=../_isTickerCopytext }}
35
35
  {{/if~}}
36
36
  {{~#if this.isPodcastEpisode}}
37
37
  {{> components/content/copytext/components/podcastepisode }}
38
38
  {{/if~}}
39
39
  {{~#if this.isVideoOnDemand}}
40
- {{> components/content/copytext/components/video/video }}
40
+ {{> components/content/copytext/components/video/video _isTickerCopytext=../_isTickerCopytext }}
41
41
  {{/if~}}
42
42
  {{~#if this.isLivestream}}
43
- {{> components/content/copytext/components/videolivestream }}
43
+ {{> components/content/copytext/components/videolivestream _isTickerCopytext=../_isTickerCopytext }}
44
44
  {{/if~}}
45
45
  {{~#if this.isTweet}}
46
46
  {{> components/content/copytext/components/tweet }}
@@ -65,37 +65,37 @@
65
65
  {{~#with this.paragraphTeaserItem }}
66
66
  {{~#if this.isTopictag}}
67
67
  {{#with this.toModel.baseTeaserDS}}
68
- {{> components/content/copytext/components/posterteaser }}
68
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
69
69
  {{/with}}
70
70
  {{/if~}}
71
71
  {{~#if this.isTicker}}
72
72
  {{#with this.toModel.baseTeaserDS}}
73
- {{> components/content/copytext/components/posterteaser }}
73
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
74
74
  {{/with}}
75
75
  {{/if~}}
76
76
  {{~#if this.isLink}}
77
77
  {{#with this.toModel.baseTeaserDS}}
78
- {{> components/content/copytext/components/posterteaser }}
78
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
79
79
  {{/with}}
80
80
  {{/if~}}
81
81
  {{~#if this.isStructureNodeDocument}}
82
82
  {{#with this.toModel.structureNodeTeaser}}
83
- {{> components/content/copytext/components/posterteaser }}
83
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
84
84
  {{/with}}
85
85
  {{/if~}}
86
86
  {{~#if this.isStory}}
87
87
  {{#with this.toModel.baseTeaserDS}}
88
- {{> components/content/copytext/components/posterteaser }}
88
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
89
89
  {{/with}}
90
90
  {{/if~}}
91
91
  {{~#if this.isProgram}}
92
92
  {{#with this.toModel.baseTeaserDS}}
93
- {{> components/content/copytext/components/posterteaser }}
93
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
94
94
  {{/with}}
95
95
  {{/if~}}
96
96
  {{~#if this.isEvent}}
97
97
  {{#with this.toModel.eventTeaser}}
98
- {{> components/content/copytext/components/posterteaser }}
98
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
99
99
  {{/with}}
100
100
  {{/if~}}
101
101
  {{~/with}}
package/dist/views/components/podcast/podcast_player.hbs CHANGED
@@ -38,7 +38,7 @@
38
38
  {{!-- Podcast Image --}}
39
39
  {{#if this.hasTeaserItem}}
40
40
  <div class="flex flex-col ">
41
- <div class="w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
41
+ <div class="w-18 xs:w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
42
42
  {{> components/base/image/responsive_image this.teaseritem
43
43
  _type="podcastEpisodePlayer"
44
44
  _variant="default"
package/dist/views_static/components/content/copytext/components/audio.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/image/image.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  {{#if this.showFullSize.isTrue }}
3
3
  {{> components/content/copytext/components/image/figure
4
4
  _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
5
- _cssClassCaption="mx-5 sm:mx-0"
5
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
6
6
  _type="story"
7
7
  _variant="100-copytext-portrait"
8
8
  _noAr="true"
@@ -10,7 +10,7 @@
10
10
  {{else}}
11
11
  {{> components/content/copytext/components/image/figure
12
12
  _cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
13
- _cssClassCaption="mx-5 sm:mx-0"
13
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
14
14
  _type="story"
15
15
  _variant="copytext-portrait"
16
16
  _noAr="true"
@@ -20,7 +20,7 @@
20
20
  {{#if this.showFullSize.isTrue}}
21
21
  {{> components/content/copytext/components/image/figure
22
22
  _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
23
- _cssClassCaption="mx-5 sm:mx-0"
23
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
24
24
  _type="story"
25
25
  _variant="100-copytext"
26
26
  _pictureAddClass="ar-16-9"
@@ -28,7 +28,7 @@
28
28
  {{else}}
29
29
  {{> components/content/copytext/components/image/figure
30
30
  _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
31
- _cssClassCaption="mx-5 sm:mx-0"
31
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
32
32
  _type="story"
33
33
  _variant="copytext"
34
34
  _pictureAddClass="ar-16-9"
package/dist/views_static/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -41,7 +41,7 @@
41
41
  {{#unless _voting-option}}
42
42
  {{#if this.teaseritem}}
43
43
  {{#if this.isAudio}}
44
- {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
44
+ {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
45
45
  {{~> components/content/copytext/components/image/image_copyright~}}
46
46
  <span class="mx-1.5">|</span>
47
47
  {{~#with ../this.toModel.mediaBacklinkToStoryTeaser~}}
@@ -56,7 +56,7 @@
56
56
  {{~/with~}}
57
57
  {{~/components/content/copytext/components/image/caption~}}
58
58
  {{else}}
59
- {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
59
+ {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
60
60
  {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
61
61
  {{~> components/content/copytext/components/image/image_copyright~}}
62
62
  {{~/components/content/copytext/components/image/collapsible_caption~}}
package/dist/views_static/components/content/copytext/components/posterteaser.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
1
+ <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
2
2
  {{> components/teaser/teaser_poster _isCopytext=true }}
3
3
  </div>
package/dist/views_static/components/content/copytext/components/video/video.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/videolivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/copytext.hbs CHANGED
@@ -1,9 +1,9 @@
1
- <div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
1
+ <div class="mt-2 hrds-copytext contents sm:block copytextWrapper">
2
2
  {{~#with this.leadAudio }}
3
3
  {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
- {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
6
+ {{~> components/content/copytext/copytext_body _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext~}}
7
7
  {{/each}}
8
8
  </div>
9
9
  {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story;
package/dist/views_static/components/content/copytext/copytext_body.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{#unless this.isInfoBox}}
5
5
  {{~#with this.paragraphBoxItem }}
6
6
  {{~#if this.isImage}}
7
- {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
7
+ {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
8
8
  {{/if~}}
9
9
  {{~#if this.isContentBox}}
10
10
  {{~> components/content/copytext/components/contentbox/contentbox _isWebview=../_isWebview ~}}
@@ -28,19 +28,19 @@
28
28
  {{> components/content/copytext/components/newsletter }}
29
29
  {{/if~}}
30
30
  {{~#if this.isAudioOnDemand}}
31
- {{> components/content/copytext/components/audio }}
31
+ {{> components/content/copytext/components/audio _isTickerCopytext=../_isTickerCopytext }}
32
32
  {{/if~}}
33
33
  {{~#if this.isAudioEventLivestream}}
34
- {{> components/content/copytext/components/audioeventlivestream }}
34
+ {{> components/content/copytext/components/audioeventlivestream _isTickerCopytext=../_isTickerCopytext }}
35
35
  {{/if~}}
36
36
  {{~#if this.isPodcastEpisode}}
37
37
  {{> components/content/copytext/components/podcastepisode }}
38
38
  {{/if~}}
39
39
  {{~#if this.isVideoOnDemand}}
40
- {{> components/content/copytext/components/video/video }}
40
+ {{> components/content/copytext/components/video/video _isTickerCopytext=../_isTickerCopytext }}
41
41
  {{/if~}}
42
42
  {{~#if this.isLivestream}}
43
- {{> components/content/copytext/components/videolivestream }}
43
+ {{> components/content/copytext/components/videolivestream _isTickerCopytext=../_isTickerCopytext }}
44
44
  {{/if~}}
45
45
  {{~#if this.isTweet}}
46
46
  {{> components/content/copytext/components/tweet }}
@@ -65,37 +65,37 @@
65
65
  {{~#with this.paragraphTeaserItem }}
66
66
  {{~#if this.isTopictag}}
67
67
  {{#with this.toModel.baseTeaserDS}}
68
- {{> components/content/copytext/components/posterteaser }}
68
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
69
69
  {{/with}}
70
70
  {{/if~}}
71
71
  {{~#if this.isTicker}}
72
72
  {{#with this.toModel.baseTeaserDS}}
73
- {{> components/content/copytext/components/posterteaser }}
73
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
74
74
  {{/with}}
75
75
  {{/if~}}
76
76
  {{~#if this.isLink}}
77
77
  {{#with this.toModel.baseTeaserDS}}
78
- {{> components/content/copytext/components/posterteaser }}
78
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
79
79
  {{/with}}
80
80
  {{/if~}}
81
81
  {{~#if this.isStructureNodeDocument}}
82
82
  {{#with this.toModel.structureNodeTeaser}}
83
- {{> components/content/copytext/components/posterteaser }}
83
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
84
84
  {{/with}}
85
85
  {{/if~}}
86
86
  {{~#if this.isStory}}
87
87
  {{#with this.toModel.baseTeaserDS}}
88
- {{> components/content/copytext/components/posterteaser }}
88
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
89
89
  {{/with}}
90
90
  {{/if~}}
91
91
  {{~#if this.isProgram}}
92
92
  {{#with this.toModel.baseTeaserDS}}
93
- {{> components/content/copytext/components/posterteaser }}
93
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
94
94
  {{/with}}
95
95
  {{/if~}}
96
96
  {{~#if this.isEvent}}
97
97
  {{#with this.toModel.eventTeaser}}
98
- {{> components/content/copytext/components/posterteaser }}
98
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
99
99
  {{/with}}
100
100
  {{/if~}}
101
101
  {{~/with}}
package/dist/views_static/components/podcast/podcast_player.hbs CHANGED
@@ -38,7 +38,7 @@
38
38
  {{!-- Podcast Image --}}
39
39
  {{#if this.hasTeaserItem}}
40
40
  <div class="flex flex-col ">
41
- <div class="w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
41
+ <div class="w-18 xs:w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
42
42
  {{> components/base/image/responsive_image this.teaseritem
43
43
  _type="podcastEpisodePlayer"
44
44
  _variant="default"
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.114.40",
9
+ "version": "1.114.42",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/css/custom-components.css CHANGED
@@ -311,7 +311,7 @@ article.indexTextDS .indexTextHighlighted .link {
311
311
 
312
312
  /* -----------------------------COPYTEXT ---------------------------- */
313
313
 
314
- article #commentsList {
314
+ article #commentList {
315
315
  @apply scroll-mt-[117px] md:scroll-mt-[128px];
316
316
  }
317
317
  .hrds-copytext {
package/src/stories/views/components/content/copytext/components/audio.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
5
5
  {{/if}}
package/src/stories/views/components/content/copytext/components/audioeventlivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
5
5
  {{/if}}
package/src/stories/views/components/content/copytext/components/image/image.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  {{#if this.showFullSize.isTrue }}
3
3
  {{> components/content/copytext/components/image/figure
4
4
  _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
5
- _cssClassCaption="mx-5 sm:mx-0"
5
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
6
6
  _type="story"
7
7
  _variant="100-copytext-portrait"
8
8
  _noAr="true"
@@ -10,7 +10,7 @@
10
10
  {{else}}
11
11
  {{> components/content/copytext/components/image/figure
12
12
  _cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
13
- _cssClassCaption="mx-5 sm:mx-0"
13
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
14
14
  _type="story"
15
15
  _variant="copytext-portrait"
16
16
  _noAr="true"
@@ -20,7 +20,7 @@
20
20
  {{#if this.showFullSize.isTrue}}
21
21
  {{> components/content/copytext/components/image/figure
22
22
  _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
23
- _cssClassCaption="mx-5 sm:mx-0"
23
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
24
24
  _type="story"
25
25
  _variant="100-copytext"
26
26
  _pictureAddClass="ar-16-9"
@@ -28,7 +28,7 @@
28
28
  {{else}}
29
29
  {{> components/content/copytext/components/image/figure
30
30
  _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
31
- _cssClassCaption="mx-5 sm:mx-0"
31
+ _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
32
32
  _type="story"
33
33
  _variant="copytext"
34
34
  _pictureAddClass="ar-16-9"
package/src/stories/views/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -41,7 +41,7 @@
41
41
  {{#unless _voting-option}}
42
42
  {{#if this.teaseritem}}
43
43
  {{#if this.isAudio}}
44
- {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
44
+ {{~#> components/content/copytext/components/image/caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
45
45
  {{~> components/content/copytext/components/image/image_copyright~}}
46
46
  <span class="mx-1.5">|</span>
47
47
  {{~#with ../this.toModel.mediaBacklinkToStoryTeaser-adjust_context~}}
@@ -56,7 +56,7 @@
56
56
  {{~/with~}}
57
57
  {{~/components/content/copytext/components/image/caption~}}
58
58
  {{else}}
59
- {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption="mx-5 sm:mx-0"~}}
59
+ {{~#> components/content/copytext/components/image/collapsible_caption this.teaseritem _cssClassCaption=_cssClassCaption~}}
60
60
  {{#if this.caption}} {{~> components/content/copytext/components/image/image_caption_text~}} {{/if}}
61
61
  {{~> components/content/copytext/components/image/image_copyright~}}
62
62
  {{~/components/content/copytext/components/image/collapsible_caption~}}
package/src/stories/views/components/content/copytext/components/posterteaser.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
1
+ <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
2
2
  {{> components/teaser/teaser_poster _isCopytext=true }}
3
3
  </div>
package/src/stories/views/components/content/copytext/components/video/video.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
5
5
  {{/if}}
package/src/stories/views/components/content/copytext/components/videolivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
5
5
  {{/if}}
package/src/stories/views/components/content/copytext/copytext.hbs CHANGED
@@ -1,9 +1,9 @@
1
- <div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
1
+ <div class="mt-2 hrds-copytext contents sm:block copytextWrapper">
2
2
  {{~#with this.leadAudio }}
3
3
  {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
- {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
6
+ {{~> components/content/copytext/copytext_body _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext~}}
7
7
  {{/each}}
8
8
  </div>
9
9
  {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story;
package/src/stories/views/components/content/copytext/copytext_body.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{#unless this.isInfoBox}}
5
5
  {{~#with this.paragraphBoxItem }}
6
6
  {{~#if this.isImage}}
7
- {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
7
+ {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
8
8
  {{/if~}}
9
9
  {{~#if this.isContentBox}}
10
10
  {{~> components/content/copytext/components/contentbox/contentbox _isWebview=../_isWebview ~}}
@@ -28,19 +28,19 @@
28
28
  {{> components/content/copytext/components/newsletter }}
29
29
  {{/if~}}
30
30
  {{~#if this.isAudioOnDemand}}
31
- {{> components/content/copytext/components/audio }}
31
+ {{> components/content/copytext/components/audio _isTickerCopytext=../_isTickerCopytext }}
32
32
  {{/if~}}
33
33
  {{~#if this.isAudioEventLivestream}}
34
- {{> components/content/copytext/components/audioeventlivestream }}
34
+ {{> components/content/copytext/components/audioeventlivestream _isTickerCopytext=../_isTickerCopytext }}
35
35
  {{/if~}}
36
36
  {{~#if this.isPodcastEpisode}}
37
37
  {{> components/content/copytext/components/podcastepisode }}
38
38
  {{/if~}}
39
39
  {{~#if this.isVideoOnDemand}}
40
- {{> components/content/copytext/components/video/video }}
40
+ {{> components/content/copytext/components/video/video _isTickerCopytext=../_isTickerCopytext }}
41
41
  {{/if~}}
42
42
  {{~#if this.isLivestream}}
43
- {{> components/content/copytext/components/videolivestream }}
43
+ {{> components/content/copytext/components/videolivestream _isTickerCopytext=../_isTickerCopytext }}
44
44
  {{/if~}}
45
45
  {{~#if this.isTweet}}
46
46
  {{> components/content/copytext/components/tweet }}
@@ -65,37 +65,37 @@
65
65
  {{~#with this.paragraphTeaserItem }}
66
66
  {{~#if this.isTopictag}}
67
67
  {{#with this.toModel.baseTeaserDS}}
68
- {{> components/content/copytext/components/posterteaser }}
68
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
69
69
  {{/with}}
70
70
  {{/if~}}
71
71
  {{~#if this.isTicker}}
72
72
  {{#with this.toModel.baseTeaserDS}}
73
- {{> components/content/copytext/components/posterteaser }}
73
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
74
74
  {{/with}}
75
75
  {{/if~}}
76
76
  {{~#if this.isLink}}
77
77
  {{#with this.toModel.baseTeaserDS}}
78
- {{> components/content/copytext/components/posterteaser }}
78
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
79
79
  {{/with}}
80
80
  {{/if~}}
81
81
  {{~#if this.isStructureNodeDocument}}
82
82
  {{#with this.toModel.structureNodeTeaser}}
83
- {{> components/content/copytext/components/posterteaser }}
83
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
84
84
  {{/with}}
85
85
  {{/if~}}
86
86
  {{~#if this.isStory}}
87
87
  {{#with this.toModel.baseTeaserDS}}
88
- {{> components/content/copytext/components/posterteaser }}
88
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
89
89
  {{/with}}
90
90
  {{/if~}}
91
91
  {{~#if this.isProgram}}
92
92
  {{#with this.toModel.baseTeaserDS}}
93
- {{> components/content/copytext/components/posterteaser }}
93
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
94
94
  {{/with}}
95
95
  {{/if~}}
96
96
  {{~#if this.isEvent}}
97
97
  {{#with this.toModel.eventTeaser}}
98
- {{> components/content/copytext/components/posterteaser }}
98
+ {{> components/content/copytext/components/posterteaser _isTickerCopytext=../../_isTickerCopytext }}
99
99
  {{/with}}
100
100
  {{/if~}}
101
101
  {{~/with}}
package/src/stories/views/components/content/copytext/copytext_ticker.stories.js ADDED
@@ -0,0 +1,405 @@
1
+ import copytext from './copytext.hbs'
2
+ import copytext_json from './fixtures/copytext.json'
3
+ import copytext_media_components_json from './fixtures/copytext_media_components.json'
4
+ import copytext_non_media_components_json from './fixtures/copytext_non_media_components.json'
5
+ import copytext_posterteaser_json from './fixtures/copytext_posterteaser.json'
6
+ import copytext_additionalInfo_json from './fixtures/copytext_additionalInfo.json'
7
+ import copytext_cite_json from './fixtures/copytext_cite.json'
8
+ import copytext_podcastepisode_json from './fixtures/copytext_podcastepisode.json'
9
+ import copytext_faq_json from './fixtures/copytext_faq.json'
10
+ import copytext_jobposting_json from './fixtures/copytext_jobposting.json'
11
+ import copytext_image_json from './fixtures/copytext_image.json'
12
+ import copytext_infobox_json from './fixtures/copytext_infobox.json'
13
+ import copytext_downloadbox_json from './fixtures/copytext_downloadbox.json'
14
+ import copytext_filedownload_json from './fixtures/copytext_filedownload.json'
15
+ import copytext_externalservice_json from './fixtures/copytext_externalservice.json'
16
+ import copytext_video_json from './fixtures/copytext_video.json'
17
+ import copytext_audio_json from './fixtures/copytext_audio.json'
18
+ import copytext_audio_event_stream_json from './fixtures/copytext_audio_livestream.json'
19
+ import copytext_livestream_json from './fixtures/copytext_livestream.json'
20
+
21
+ const Template = ({ ...args }) => {
22
+ return copytext({ ...args })
23
+ }
24
+
25
+ export default {
26
+ title: 'Komponenten/Content/Copytext/Copytext im Ticker',
27
+ decorators: [
28
+ (Story) => {
29
+ return `
30
+ <div class="c-ticker__timelineBody timeline js-timeline-body">
31
+ <ul class="c-ticker__itemList">
32
+ <li class="c-tickerItem " id="">
33
+ <div class="c-tickerItem__anchor" id="5cc13944-0c1a-4066-9bc4-a8d387b6ee57"></div>
34
+ <div class="c-tickerItem__dekoline"></div>
35
+ <div class="c-tickerItem__header">
36
+ <div class="c-tickerItem__time">
37
+ <time datetime="2023-11-30T11:43+0100">
38
+ Do. 30.11.23, 11:43 Uhr
39
+ </time>
40
+ </div>
41
+ <div class="c-tickerItem__istop"><span class="c-tickerItem__istop__text">Top-Thema</span></div>
42
+ </div>
43
+ <div class="c-ticker__timeline">
44
+ <div class="c-ticker__timeline__dot"></div>
45
+ <div class="c-ticker__timeline__line"></div>
46
+ </div>
47
+ <div class="c-tickerItem__content">
48
+ <h3 class="c-tickerItem__title text__headline copytext__headline">Nach Krawallen: Politiker fordert hartes
49
+ Durchgreifen</h3>
50
+ ${Story()}
51
+ </div>
52
+ </li>
53
+ </ul>
54
+ </div>
55
+ <style>
56
+ @media (min-width: 48em) {
57
+ .timeline {
58
+ max-width: 685px;
59
+ margin-left: 6px;
60
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
61
+ }
62
+ }
63
+
64
+ .c-ticker__timelineBody {
65
+ grid-area: content;
66
+ -webkit-order: 3;
67
+ -ms-flex-order: 3;
68
+ order: 3;
69
+ -ms-grid-column: 2;
70
+ -ms-grid-column-span: 3;
71
+ -ms-grid-row: 3
72
+ }
73
+
74
+ @media (min-width: 64em) {
75
+ .c-ticker__timelineBody {
76
+ margin-top: 6px
77
+ }
78
+ }
79
+
80
+ .c-ticker__timelineBody .pagination {
81
+ padding-top: .875em
82
+ }
83
+
84
+ .c-ticker__timeline {
85
+ position: absolute;
86
+ height: 100%;
87
+ -webkit-order: 1;
88
+ -ms-flex-order: 1;
89
+ order: 1;
90
+ width: .21875rem;
91
+ margin-left: .625rem;
92
+ left: 0;
93
+ top: 2rem;
94
+ z-index: 1
95
+ }
96
+
97
+ .c-ticker__timeline__dot {
98
+ width: .4375rem;
99
+ height: .4375rem;
100
+ background-color: #000;
101
+ position: relative;
102
+ top: -.0625rem;
103
+ left: -.125rem;
104
+ border-radius: .4375rem
105
+ }
106
+
107
+ @media (min-width: 48em) {
108
+ .c-ticker__timeline__dot {
109
+ top: 0
110
+ }
111
+ }
112
+
113
+ .c-ticker__timeline__line {
114
+ width: .0625rem;
115
+ height: 100%;
116
+ border-left: thin dotted #000;
117
+ position: relative;
118
+ left: .0625rem;
119
+ top: -.25rem
120
+ }
121
+
122
+ @media (min-width: 48em) {
123
+ .c-ticker__timeline {
124
+ top: 2.5rem;
125
+ left: 1.75rem
126
+ }
127
+ }
128
+
129
+ @media (min-width: 64em) {
130
+ .c-ticker__timeline {
131
+ top: 2.375rem;
132
+ left: .4375rem
133
+ }
134
+ }
135
+
136
+ .c-tickerItem {
137
+ position: relative;
138
+ display: flex;
139
+ flex-direction: column;
140
+ border-bottom: 0.0625rem solid #efefef;
141
+ padding: 1.25rem 1.375rem 0rem 1.75rem;
142
+ }
143
+
144
+ @media (min-width: 48em) and (max-width: 63.9375em) {
145
+ .c-tickerItem {
146
+ padding: 1.875rem 2.5rem 2.5rem 5rem;
147
+ }
148
+ }
149
+
150
+ @media (min-width: 64em) {
151
+ .c-tickerItem {
152
+ padding: 1.75rem 1.25rem 1.75rem 2.5rem;
153
+ width: 100%;
154
+ }
155
+ }
156
+
157
+ .c-tickerItem__anchor {
158
+ padding-top: 4rem;
159
+ margin-top: -4rem;
160
+ }
161
+
162
+ @media (min-width: 64em) {
163
+ .c-tickerItem__anchor {
164
+ padding-top: 1rem;
165
+ margin-top: -1rem;
166
+ }
167
+ }
168
+
169
+ .c-tickerItem__dekoline {
170
+ position: absolute;
171
+ border-top: 0.0625rem solid #797979;
172
+ width: 0.75rem;
173
+ margin-left: -0.875rem;
174
+ margin-top: 0.875rem;
175
+ }
176
+
177
+ @media (min-width: 48em) {
178
+ .c-tickerItem__dekoline {
179
+ width: 1.875rem;
180
+ margin-left: -2.5rem;
181
+ margin-top: 0.8125rem;
182
+ }
183
+ }
184
+
185
+ @media (min-width: 64em) {
186
+ .c-tickerItem__dekoline {
187
+ width: 0.875rem;
188
+ margin-left: -1.25rem;
189
+ }
190
+ }
191
+
192
+ .c-tickerItem.-isPinned {
193
+ border-left: 0.875rem solid #006dc1;
194
+ padding-left: 0.875rem;
195
+ }
196
+
197
+ @media (min-width: 48em) and (max-width: 63.9375em) {
198
+ .c-tickerItem.-isPinned {
199
+ border-left: 2.5rem solid #006dc1;
200
+ padding: 1.5rem 2.5rem 2.5rem 2.5rem;
201
+ }
202
+ }
203
+
204
+ @media (min-width: 64em) {
205
+ .c-tickerItem.-isPinned {
206
+ border-left: 1.25rem solid #006dc1;
207
+ padding: 1.5rem 1.25rem 1.75rem 1.25rem;
208
+ }
209
+ }
210
+
211
+ .c-tickerItem.-isPinned .c-tickerItem__dekoline {
212
+ display: none;
213
+ }
214
+
215
+ .c-tickerItem.-isPinned .c-tickerItem__time {
216
+ padding-left: 0;
217
+ }
218
+
219
+ .c-tickerItem.-isTopnews {
220
+ background: #efefef;
221
+ border-bottom: 0.0625rem solid #fff;
222
+ }
223
+
224
+ .c-tickerItem.-isTopnews+.c-tickerItem__separator {
225
+ background: #fff;
226
+ }
227
+
228
+ .c-tickerItem.-isTopnews .c-ticker__timeline__dot {
229
+ width: 0.75rem;
230
+ height: 0.75rem;
231
+ top: -0.1875rem;
232
+ left: -0.3125rem;
233
+ border-radius: 0.75rem;
234
+ background-color: #a3492d;
235
+ }
236
+
237
+ .c-tickerItem.-isTopnews .c-tickerItem__dekoline {
238
+ border-color: #a3492d;
239
+ }
240
+
241
+ .c-tickerItem__time {
242
+ font-family: RobotoSlab, serif;
243
+ font-weight: normal;
244
+ display: flex;
245
+ color: #606060;
246
+ font-size: 0.75rem;
247
+ padding-right: 0.625rem;
248
+ }
249
+
250
+ @media (min-width: 48em) {
251
+ .c-tickerItem__time {
252
+ font-size: 0.875rem;
253
+ }
254
+ }
255
+
256
+ .c-tickerItem__pin {
257
+ display: inline-block;
258
+ fill: #a3492d;
259
+ }
260
+
261
+ .c-tickerItem__pin::before {
262
+ content: '|';
263
+ position: relative;
264
+ top: 0.1875rem;
265
+ color: #a3492d;
266
+ }
267
+
268
+ .c-tickerItem__pin .icon {
269
+ width: 1.0625rem;
270
+ height: 0.9375rem;
271
+ vertical-align: bottom;
272
+ }
273
+
274
+ @media (min-width: 48em) {
275
+ .c-tickerItem__pin::before {
276
+ top: 0;
277
+ }
278
+
279
+ .c-tickerItem__pin .icon {
280
+ width: 1.1875rem;
281
+ height: 1.1875rem;
282
+ }
283
+ }
284
+
285
+ .c-tickerItem__istop {
286
+ font-family: RobotoSlab, serif;
287
+ font-weight: normal;
288
+ display: inline-block;
289
+ color: #a3492d;
290
+ }
291
+
292
+ .c-tickerItem__istop::before {
293
+ content: '|';
294
+ position: relative;
295
+ left: 0.0625rem;
296
+ top: 0.0625rem;
297
+ }
298
+
299
+ .c-tickerItem__istop__text {
300
+ margin-left: 0.5625rem;
301
+ }
302
+
303
+ .c-tickerItem__header {
304
+ font-size: 0.75rem;
305
+ line-height: 1.0625rem;
306
+ order: 1;
307
+ display: flex;
308
+ width: 100%;
309
+ padding-top: 0.3125rem;
310
+ }
311
+
312
+ .c-tickerItem__header p:last-child {
313
+ margin-bottom: 0;
314
+ }
315
+
316
+ @media (min-width: 48em) {
317
+ .c-tickerItem__header {
318
+ font-size: 0.875rem;
319
+ }
320
+ }
321
+
322
+ .c-tickerItem__content {
323
+ order: 2;
324
+ margin-left: 0;
325
+ margin-top: 0.625rem;
326
+ margin-bottom: 1.25rem;
327
+ }
328
+
329
+ .c-tickerItem__content .copytext__clearBox {
330
+ margin-top: 1.5rem;
331
+ margin-bottom: 0.875rem;
332
+ }
333
+
334
+ .c-tickerItem__footer {
335
+ order: 3;
336
+ margin-top: 1.25rem;
337
+ margin-bottom: 1.25rem;
338
+ display: block;
339
+ }
340
+
341
+ .c-tickerItem__footer :only-child.ticker_sharing {
342
+ margin-top: -0.25rem !important;
343
+ }
344
+
345
+ @media (min-width: 48em) {
346
+ .c-tickerItem__footer {
347
+ margin-bottom: 0px;
348
+ }
349
+ }
350
+
351
+ .c-tickerItem__footer .c-tickerItem__authorWrapper {
352
+ min-height: 2.5rem;
353
+ min-width: 2.5rem;
354
+ }
355
+
356
+ .c-tickerItem__footer .ticker_sharing {
357
+ position: relative;
358
+ z-index: 1;
359
+ margin-top: -2.75rem;
360
+ float: right;
361
+ }
362
+
363
+ .c-tickerItem__footer .ticker_sharing .icon--teilen-button {
364
+ fill: #006dc1;
365
+ }
366
+
367
+ .c-tickerItem__title {
368
+ flex-grow: 1;
369
+ color: #000;
370
+ margin-top: 0.375rem;
371
+ }
372
+
373
+ .c-tickerItem__separator {
374
+ height: 0.0625rem;
375
+ background: #efefef;
376
+ }
377
+
378
+
379
+ </style>`
380
+ },
381
+ ],
382
+ parameters: { layout: 'fullscreen', chromatic: { disableSnapshot: true } }
383
+ }
384
+
385
+ export const SnapshotWithMedia = {
386
+ render: Template.bind({}),
387
+ name: 'Snapshot 1',
388
+ args: {
389
+ ...copytext_media_components_json,
390
+ _isTickerCopytext: true},
391
+ parameters: {
392
+ chromatic: { disableSnapshot: false },
393
+ },
394
+ }
395
+
396
+ export const SnapshotWithoutMedia = {
397
+ render: Template.bind({}),
398
+ name: 'Snapshot 2',
399
+ args: {
400
+ ...copytext_non_media_components_json,
401
+ _isTickerCopytext: true},
402
+ parameters: {
403
+ chromatic: { disableSnapshot: false },
404
+ },
405
+ }
package/src/stories/views/components/podcast/podcast_player.hbs CHANGED
@@ -38,7 +38,7 @@
38
38
  {{!-- Podcast Image --}}
39
39
  {{#if this.hasTeaserItem}}
40
40
  <div class="flex flex-col ">
41
- <div class="w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
41
+ <div class="w-18 xs:w-22 {{#if _isArticlePlayer }} md:w-32 lg:w-42 {{else}} {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}} {{/if}}">
42
42
  {{> components/base/image/responsive_image this.teaseritem
43
43
  _type="podcastEpisodePlayer"
44
44
  _variant="default"