hr-design-system-handlebars 1.114.130 β 1.114.131
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 +13 -0
- package/dist/assets/index.css +6 -12
- package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs +19 -16
- package/dist/views_static/components/teaser/ticker/teaser_ticker_timeline.hbs +19 -16
- package/package.json +1 -1
- package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs +19 -16
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
# v1.114.131 (Thu Mar 20 2025)
|
|
2
|
+
|
|
3
|
+
#### π Bug Fix
|
|
4
|
+
|
|
5
|
+
- Refactor ticker timeline component for improved layout and user conse⦠[#1272](https://github.com/mumprod/hr-design-system-handlebars/pull/1272) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- [@eduardo-hr](https://github.com/eduardo-hr)
|
|
10
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
1
14
|
# v1.114.130 (Thu Mar 20 2025)
|
|
2
15
|
|
|
3
16
|
#### π Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1148,9 +1148,6 @@ article #commentList {
|
|
|
1148
1148
|
bottom: 0px;
|
|
1149
1149
|
left: 0px;
|
|
1150
1150
|
}
|
|
1151
|
-
.-left-4 {
|
|
1152
|
-
left: -1rem;
|
|
1153
|
-
}
|
|
1154
1151
|
.-left-5 {
|
|
1155
1152
|
left: -1.25rem;
|
|
1156
1153
|
}
|
|
@@ -1173,6 +1170,9 @@ article #commentList {
|
|
|
1173
1170
|
.left-0 {
|
|
1174
1171
|
left: 0px;
|
|
1175
1172
|
}
|
|
1173
|
+
.left-1 {
|
|
1174
|
+
left: 0.25rem;
|
|
1175
|
+
}
|
|
1176
1176
|
.left-1\/2 {
|
|
1177
1177
|
left: 50%;
|
|
1178
1178
|
}
|
|
@@ -3336,9 +3336,6 @@ article #commentList {
|
|
|
3336
3336
|
font-size: 2.125rem;
|
|
3337
3337
|
line-height: 2.375rem;
|
|
3338
3338
|
}
|
|
3339
|
-
.text-\[15px\] {
|
|
3340
|
-
font-size: 15px;
|
|
3341
|
-
}
|
|
3342
3339
|
.text-base {
|
|
3343
3340
|
font-size: 1rem;
|
|
3344
3341
|
line-height: 1.375rem;
|
|
@@ -3415,9 +3412,6 @@ article #commentList {
|
|
|
3415
3412
|
.leading-\[1\.625rem\] {
|
|
3416
3413
|
line-height: 1.625rem;
|
|
3417
3414
|
}
|
|
3418
|
-
.leading-\[18px\] {
|
|
3419
|
-
line-height: 18px;
|
|
3420
|
-
}
|
|
3421
3415
|
.leading-\[34px\] {
|
|
3422
3416
|
line-height: 34px;
|
|
3423
3417
|
}
|
|
@@ -3863,7 +3857,7 @@ article #commentList {
|
|
|
3863
3857
|
border-bottom-color: var(--color-secondary-ds);
|
|
3864
3858
|
}
|
|
3865
3859
|
.counter-reset {
|
|
3866
|
-
counter-reset:
|
|
3860
|
+
counter-reset: cnt1742479634253;
|
|
3867
3861
|
}
|
|
3868
3862
|
.animate-delay-100 {
|
|
3869
3863
|
--tw-animate-delay: 100ms;
|
|
@@ -4308,7 +4302,7 @@ html { scroll-behavior: smooth; }
|
|
|
4308
4302
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4309
4303
|
}
|
|
4310
4304
|
.-ordered {
|
|
4311
|
-
counter-increment:
|
|
4305
|
+
counter-increment: cnt1742479634253 1;
|
|
4312
4306
|
}
|
|
4313
4307
|
.-ordered::before {
|
|
4314
4308
|
position: absolute;
|
|
@@ -4326,7 +4320,7 @@ html { scroll-behavior: smooth; }
|
|
|
4326
4320
|
--tw-text-opacity: 1;
|
|
4327
4321
|
color: rgba(0, 0, 0, 1);
|
|
4328
4322
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4329
|
-
content: counter(
|
|
4323
|
+
content: counter(cnt1742479634253);
|
|
4330
4324
|
}
|
|
4331
4325
|
/*! ****************************/
|
|
4332
4326
|
/*! DataPolicy stuff */
|
|
@@ -6,31 +6,34 @@
|
|
|
6
6
|
{{else}}
|
|
7
7
|
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
8
8
|
{{/if}}
|
|
9
|
-
<div class="absolute h-full">
|
|
10
|
-
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore
|
|
9
|
+
<div class="absolute h-full -left-5 top-0.5">
|
|
10
|
+
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore "></div>
|
|
11
11
|
{{#unless @last}}
|
|
12
|
-
<div class="relative flex flex-col w-0 h-full timelineBorder
|
|
12
|
+
<div class="relative flex flex-col w-0 h-full timelineBorder left-1">
|
|
13
13
|
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-boulder{{/if}}"></div>
|
|
14
14
|
<div class="h-2"></div>
|
|
15
15
|
</div>
|
|
16
16
|
{{/unless}}
|
|
17
17
|
</div>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{{#if ../../../this.isOlderThanToday}}
|
|
18
|
+
|
|
19
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-sm{{else}}text-base{{/if}} js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-link dark:text-link-dark{{/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"}]}'>
|
|
20
|
+
{{#unless this.hideDateTime}}
|
|
21
|
+
{{#with this.tickerItemDateTime~}}
|
|
22
|
+
<div class="font-headingSerif text-xs pb-0.5{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion dark:text-gray-mercury{{/if}}">
|
|
23
|
+
{{#if ../../../this.isMultiDay}}
|
|
25
24
|
{{this.broadcastDate }}
|
|
26
25
|
{{else}}
|
|
27
|
-
{{this.
|
|
26
|
+
{{#if ../../../this.isOlderThanToday}}
|
|
27
|
+
{{this.broadcastDate }}
|
|
28
|
+
{{else}}
|
|
29
|
+
{{this.time }}
|
|
30
|
+
{{/if}}
|
|
28
31
|
{{/if}}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
{{
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
</div>
|
|
33
|
+
{{~/with}}
|
|
34
|
+
{{/unless}}
|
|
35
|
+
{{this.relevantTitle}}
|
|
36
|
+
</a>
|
|
34
37
|
</li>
|
|
35
38
|
{{~/each~}}
|
|
36
39
|
</ul>
|
|
@@ -6,31 +6,34 @@
|
|
|
6
6
|
{{else}}
|
|
7
7
|
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
8
8
|
{{/if}}
|
|
9
|
-
<div class="absolute h-full">
|
|
10
|
-
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore
|
|
9
|
+
<div class="absolute h-full -left-5 top-0.5">
|
|
10
|
+
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore "></div>
|
|
11
11
|
{{#unless @last}}
|
|
12
|
-
<div class="relative flex flex-col w-0 h-full timelineBorder
|
|
12
|
+
<div class="relative flex flex-col w-0 h-full timelineBorder left-1">
|
|
13
13
|
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-boulder{{/if}}"></div>
|
|
14
14
|
<div class="h-2"></div>
|
|
15
15
|
</div>
|
|
16
16
|
{{/unless}}
|
|
17
17
|
</div>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{{#if ../../../this.isOlderThanToday}}
|
|
18
|
+
|
|
19
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-sm{{else}}text-base{{/if}} js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-link dark:text-link-dark{{/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"}]}'>
|
|
20
|
+
{{#unless this.hideDateTime}}
|
|
21
|
+
{{#with this.tickerItemDateTime~}}
|
|
22
|
+
<div class="font-headingSerif text-xs pb-0.5{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion dark:text-gray-mercury{{/if}}">
|
|
23
|
+
{{#if ../../../this.isMultiDay}}
|
|
25
24
|
{{this.broadcastDate }}
|
|
26
25
|
{{else}}
|
|
27
|
-
{{this.
|
|
26
|
+
{{#if ../../../this.isOlderThanToday}}
|
|
27
|
+
{{this.broadcastDate }}
|
|
28
|
+
{{else}}
|
|
29
|
+
{{this.time }}
|
|
30
|
+
{{/if}}
|
|
28
31
|
{{/if}}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
{{
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
</div>
|
|
33
|
+
{{~/with}}
|
|
34
|
+
{{/unless}}
|
|
35
|
+
{{this.relevantTitle}}
|
|
36
|
+
</a>
|
|
34
37
|
</li>
|
|
35
38
|
{{~/each~}}
|
|
36
39
|
</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.131",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -6,31 +6,34 @@
|
|
|
6
6
|
{{else}}
|
|
7
7
|
<li class="relative h-auto [&:not(:last-child)]:pb-5">
|
|
8
8
|
{{/if}}
|
|
9
|
-
<div class="absolute h-full">
|
|
10
|
-
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore
|
|
9
|
+
<div class="absolute h-full -left-5 top-0.5">
|
|
10
|
+
<div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore "></div>
|
|
11
11
|
{{#unless @last}}
|
|
12
|
-
<div class="relative flex flex-col w-0 h-full timelineBorder
|
|
12
|
+
<div class="relative flex flex-col w-0 h-full timelineBorder left-1">
|
|
13
13
|
<div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-boulder{{/if}}"></div>
|
|
14
14
|
<div class="h-2"></div>
|
|
15
15
|
</div>
|
|
16
16
|
{{/unless}}
|
|
17
17
|
</div>
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{{#if ../../../this.isOlderThanToday}}
|
|
18
|
+
|
|
19
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-sm{{else}}text-base{{/if}} js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-link dark:text-link-dark{{/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"}]}'>
|
|
20
|
+
{{#unless this.hideDateTime}}
|
|
21
|
+
{{#with this.tickerItemDateTime~}}
|
|
22
|
+
<div class="font-headingSerif text-xs pb-0.5{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion dark:text-gray-mercury{{/if}}">
|
|
23
|
+
{{#if ../../../this.isMultiDay}}
|
|
25
24
|
{{this.broadcastDate }}
|
|
26
25
|
{{else}}
|
|
27
|
-
{{this.
|
|
26
|
+
{{#if ../../../this.isOlderThanToday}}
|
|
27
|
+
{{this.broadcastDate }}
|
|
28
|
+
{{else}}
|
|
29
|
+
{{this.time }}
|
|
30
|
+
{{/if}}
|
|
28
31
|
{{/if}}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
{{
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
</div>
|
|
33
|
+
{{~/with}}
|
|
34
|
+
{{/unless}}
|
|
35
|
+
{{this.relevantTitle}}
|
|
36
|
+
</a>
|
|
34
37
|
</li>
|
|
35
38
|
{{~/each~}}
|
|
36
39
|
</ul>
|