hr-design-system-handlebars 1.114.119 → 1.114.121
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.
- package/CHANGELOG.md +24 -0
- package/dist/assets/index.css +9 -3
- package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs +11 -7
- package/dist/views_static/components/teaser/ticker/teaser_ticker_timeline.hbs +11 -7
- package/package.json +1 -1
- package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs +11 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.114.121 (Fri Mar 07 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- fix padding-bug [#1262](https://github.com/mumprod/hr-design-system-handlebars/pull/1262) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.114.120 (Fri Mar 07 2025)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- adapt ticker-timeline to tickerpage [#1261](https://github.com/mumprod/hr-design-system-handlebars/pull/1261) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.114.119 (Fri Mar 07 2025)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3339,6 +3339,9 @@ article #commentList {
|
|
|
3339
3339
|
font-size: 2.125rem;
|
|
3340
3340
|
line-height: 2.375rem;
|
|
3341
3341
|
}
|
|
3342
|
+
.text-\[15px\] {
|
|
3343
|
+
font-size: 15px;
|
|
3344
|
+
}
|
|
3342
3345
|
.text-base {
|
|
3343
3346
|
font-size: 1rem;
|
|
3344
3347
|
line-height: 1.375rem;
|
|
@@ -3860,7 +3863,7 @@ article #commentList {
|
|
|
3860
3863
|
border-bottom-color: var(--color-secondary-ds);
|
|
3861
3864
|
}
|
|
3862
3865
|
.counter-reset {
|
|
3863
|
-
counter-reset:
|
|
3866
|
+
counter-reset: cnt1741370712695;
|
|
3864
3867
|
}
|
|
3865
3868
|
.animate-delay-100 {
|
|
3866
3869
|
--tw-animate-delay: 100ms;
|
|
@@ -4305,7 +4308,7 @@ html { scroll-behavior: smooth; }
|
|
|
4305
4308
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4306
4309
|
}
|
|
4307
4310
|
.-ordered {
|
|
4308
|
-
counter-increment:
|
|
4311
|
+
counter-increment: cnt1741370712695 1;
|
|
4309
4312
|
}
|
|
4310
4313
|
.-ordered::before {
|
|
4311
4314
|
position: absolute;
|
|
@@ -4323,7 +4326,7 @@ html { scroll-behavior: smooth; }
|
|
|
4323
4326
|
--tw-text-opacity: 1;
|
|
4324
4327
|
color: rgba(0, 0, 0, 1);
|
|
4325
4328
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4326
|
-
content: counter(
|
|
4329
|
+
content: counter(cnt1741370712695);
|
|
4327
4330
|
}
|
|
4328
4331
|
/*! ****************************/
|
|
4329
4332
|
/*! DataPolicy stuff */
|
|
@@ -9094,6 +9097,9 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
|
|
|
9094
9097
|
.\[\&\:has\(\+\.-hideOnMobile\)\]\:order-1:has(+.-hideOnMobile) {
|
|
9095
9098
|
order: 1;
|
|
9096
9099
|
}
|
|
9100
|
+
.\[\&\:not\(\:last-child\)\]\:pb-2:not(:last-child) {
|
|
9101
|
+
padding-bottom: 0.5rem;
|
|
9102
|
+
}
|
|
9097
9103
|
.\[\&\:not\(\:last-child\)\]\:pb-5:not(:last-child) {
|
|
9098
9104
|
padding-bottom: 1.25rem;
|
|
9099
9105
|
}
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
{{~#with this.tickerItemResults ~}}
|
|
2
2
|
<ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
|
|
3
3
|
{{~#each this~}}
|
|
4
|
-
|
|
4
|
+
{{#if ../../_isTickerpage}}
|
|
5
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-2">
|
|
6
|
+
{{else}}
|
|
7
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
8
|
+
{{/if}}
|
|
5
9
|
<div class="absolute h-full">
|
|
6
10
|
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
|
|
7
11
|
{{#unless @last}}
|
|
8
12
|
<div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
|
|
9
|
-
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-
|
|
13
|
+
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-boulder{{/if}}"></div>
|
|
10
14
|
<div class="h-2"></div>
|
|
11
|
-
</div>
|
|
12
|
-
{{/unless}}
|
|
15
|
+
</div>
|
|
16
|
+
{{/unless}}
|
|
13
17
|
</div>
|
|
14
18
|
{{#unless this.hideDateTime}}
|
|
15
19
|
{{#with this.tickerItemDateTime~}}
|
|
16
|
-
<div class="text-xs{{#if ../../../_color}} text-{{../../../_color}}{{/if}}">
|
|
20
|
+
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion{{/if}}">
|
|
17
21
|
{{#if ../../../this.isMultiDay}}
|
|
18
22
|
{{this.broadcastDate }}
|
|
19
23
|
{{else}}
|
|
@@ -25,8 +29,8 @@
|
|
|
25
29
|
{{/if}}
|
|
26
30
|
</div>
|
|
27
31
|
{{~/with}}
|
|
28
|
-
{{/unless}}
|
|
29
|
-
<a class="{{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}}
|
|
32
|
+
{{/unless}}
|
|
33
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-[15px]{{else}}text-base{{/if}} js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} ds-link{{#if this.hideDateTime}} align-top{{/if}}" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
|
|
30
34
|
</li>
|
|
31
35
|
{{~/each~}}
|
|
32
36
|
</ul>
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
{{~#with this.tickerItemResults ~}}
|
|
2
2
|
<ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
|
|
3
3
|
{{~#each this~}}
|
|
4
|
-
|
|
4
|
+
{{#if ../../_isTickerpage}}
|
|
5
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-2">
|
|
6
|
+
{{else}}
|
|
7
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
8
|
+
{{/if}}
|
|
5
9
|
<div class="absolute h-full">
|
|
6
10
|
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
|
|
7
11
|
{{#unless @last}}
|
|
8
12
|
<div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
|
|
9
|
-
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-
|
|
13
|
+
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-boulder{{/if}}"></div>
|
|
10
14
|
<div class="h-2"></div>
|
|
11
|
-
</div>
|
|
12
|
-
{{/unless}}
|
|
15
|
+
</div>
|
|
16
|
+
{{/unless}}
|
|
13
17
|
</div>
|
|
14
18
|
{{#unless this.hideDateTime}}
|
|
15
19
|
{{#with this.tickerItemDateTime~}}
|
|
16
|
-
<div class="text-xs{{#if ../../../_color}} text-{{../../../_color}}{{/if}}">
|
|
20
|
+
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion{{/if}}">
|
|
17
21
|
{{#if ../../../this.isMultiDay}}
|
|
18
22
|
{{this.broadcastDate }}
|
|
19
23
|
{{else}}
|
|
@@ -25,8 +29,8 @@
|
|
|
25
29
|
{{/if}}
|
|
26
30
|
</div>
|
|
27
31
|
{{~/with}}
|
|
28
|
-
{{/unless}}
|
|
29
|
-
<a class="{{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}}
|
|
32
|
+
{{/unless}}
|
|
33
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-[15px]{{else}}text-base{{/if}} js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} ds-link{{#if this.hideDateTime}} align-top{{/if}}" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
|
|
30
34
|
</li>
|
|
31
35
|
{{~/each~}}
|
|
32
36
|
</ul>
|
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.
|
|
9
|
+
"version": "1.114.121",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
{{~#with this.tickerItemResults ~}}
|
|
2
2
|
<ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
|
|
3
3
|
{{~#each this~}}
|
|
4
|
-
|
|
4
|
+
{{#if ../../_isTickerpage}}
|
|
5
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-2">
|
|
6
|
+
{{else}}
|
|
7
|
+
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
8
|
+
{{/if}}
|
|
5
9
|
<div class="absolute h-full">
|
|
6
10
|
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
|
|
7
11
|
{{#unless @last}}
|
|
8
12
|
<div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
|
|
9
|
-
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-
|
|
13
|
+
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-boulder{{/if}}"></div>
|
|
10
14
|
<div class="h-2"></div>
|
|
11
|
-
</div>
|
|
12
|
-
{{/unless}}
|
|
15
|
+
</div>
|
|
16
|
+
{{/unless}}
|
|
13
17
|
</div>
|
|
14
18
|
{{#unless this.hideDateTime}}
|
|
15
19
|
{{#with this.tickerItemDateTime~}}
|
|
16
|
-
<div class="text-xs{{#if ../../../_color}} text-{{../../../_color}}{{/if}}">
|
|
20
|
+
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion{{/if}}">
|
|
17
21
|
{{#if ../../../this.isMultiDay}}
|
|
18
22
|
{{this.broadcastDate }}
|
|
19
23
|
{{else}}
|
|
@@ -25,8 +29,8 @@
|
|
|
25
29
|
{{/if}}
|
|
26
30
|
</div>
|
|
27
31
|
{{~/with}}
|
|
28
|
-
{{/unless}}
|
|
29
|
-
<a class="{{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}}
|
|
32
|
+
{{/unless}}
|
|
33
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-[15px]{{else}}text-base{{/if}} js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} ds-link{{#if this.hideDateTime}} align-top{{/if}}" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
|
|
30
34
|
</li>
|
|
31
35
|
{{~/each~}}
|
|
32
36
|
</ul>
|