hr-design-system-handlebars 1.114.126 → 1.114.128
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 +25 -0
- package/dist/assets/index.css +11 -3
- package/dist/views/components/social_sharing/social_sharing_icons.hbs +5 -5
- package/dist/views/components/social_sharing/social_sharing_ticker_item.hbs +2 -2
- package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs +2 -2
- package/dist/views_static/components/social_sharing/social_sharing_icons.hbs +5 -5
- package/dist/views_static/components/social_sharing/social_sharing_ticker_item.hbs +2 -2
- package/dist/views_static/components/teaser/ticker/teaser_ticker_timeline.hbs +2 -2
- package/package.json +1 -1
- package/src/stories/views/components/social_sharing/social_sharing_icons.hbs +5 -5
- package/src/stories/views/components/social_sharing/social_sharing_ticker_item.hbs +2 -2
- package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.114.128 (Wed Mar 19 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- add dark classes in ticker-timeline [#1269](https://github.com/mumprod/hr-design-system-handlebars/pull/1269) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.114.127 (Wed Mar 19 2025)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- Enhance social sharing icons with dark mode support in HBS components [#1268](https://github.com/mumprod/hr-design-system-handlebars/pull/1268) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
|
|
18
|
+
|
|
19
|
+
#### Authors: 2
|
|
20
|
+
|
|
21
|
+
- [@eduardo-hr](https://github.com/eduardo-hr)
|
|
22
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.114.126 (Tue Mar 18 2025)
|
|
2
27
|
|
|
3
28
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3415,6 +3415,9 @@ article #commentList {
|
|
|
3415
3415
|
.leading-\[1\.625rem\] {
|
|
3416
3416
|
line-height: 1.625rem;
|
|
3417
3417
|
}
|
|
3418
|
+
.leading-\[18px\] {
|
|
3419
|
+
line-height: 18px;
|
|
3420
|
+
}
|
|
3418
3421
|
.leading-\[34px\] {
|
|
3419
3422
|
line-height: 34px;
|
|
3420
3423
|
}
|
|
@@ -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: cnt1742414375436;
|
|
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: cnt1742414375436 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(cnt1742414375436);
|
|
4327
4330
|
}
|
|
4328
4331
|
/*! ****************************/
|
|
4329
4332
|
/*! DataPolicy stuff */
|
|
@@ -8880,6 +8883,11 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
|
|
|
8880
8883
|
color: #e07672;
|
|
8881
8884
|
color: var(--color-error-dark);
|
|
8882
8885
|
}
|
|
8886
|
+
.dark\:text-gray-mercury:where(.dark, .dark *) {
|
|
8887
|
+
--tw-text-opacity: 1;
|
|
8888
|
+
color: rgba(230, 230, 230, 1);
|
|
8889
|
+
color: rgba(230, 230, 230, var(--tw-text-opacity));
|
|
8890
|
+
}
|
|
8883
8891
|
.dark\:text-link-dark:where(.dark, .dark *) {
|
|
8884
8892
|
color: #006eb7;
|
|
8885
8893
|
color: var(--color-link-dark);
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::copybutton"}]}'
|
|
10
10
|
{{/with}}
|
|
11
11
|
>
|
|
12
|
-
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
|
|
12
|
+
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
|
|
13
13
|
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess">{{~> components/base/image/icon _addClass="w-full h-full text-green-600" _icon="status-done" _iconmap="icons" ~}}</span>
|
|
14
14
|
</button>
|
|
15
15
|
<div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark">
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
|
|
32
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
|
|
33
33
|
</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{/with}}
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::whatsapp"}]}'
|
|
46
46
|
{{/with}}
|
|
47
47
|
>
|
|
48
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
|
|
48
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
|
|
49
49
|
</a>
|
|
50
50
|
</li>
|
|
51
51
|
{{/with}}
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::mailto"}]}'
|
|
60
60
|
{{/with}}
|
|
61
61
|
>
|
|
62
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
|
|
62
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
|
|
63
63
|
</a>
|
|
64
64
|
</li>
|
|
65
65
|
{{/with}}
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'
|
|
73
73
|
{{/with}}
|
|
74
74
|
>
|
|
75
|
-
<span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
|
|
75
|
+
<span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
|
|
76
76
|
|
|
77
77
|
</button>
|
|
78
78
|
</li>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
ax-load
|
|
10
10
|
x-ignore
|
|
11
11
|
>
|
|
12
|
-
<div class="relative right-0 flex gap-3 bg-white md:h-auto" >
|
|
12
|
+
<div class="relative right-0 flex gap-3 bg-white dark:bg-black md:h-auto" >
|
|
13
13
|
<button
|
|
14
14
|
class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
|
|
15
15
|
x-ref="button"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
x-ref="panel"
|
|
26
26
|
:class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
|
|
27
27
|
:id="$id('dropdown-button')"
|
|
28
|
-
class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
28
|
+
class="self-center bg-white dark:bg-black h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
29
29
|
>
|
|
30
30
|
<ul class="flex gap-3">
|
|
31
31
|
{{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
</div>
|
|
18
18
|
{{#unless this.hideDateTime}}
|
|
19
19
|
{{#with this.tickerItemDateTime~}}
|
|
20
|
-
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion{{/if}}">
|
|
20
|
+
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion dark:text-gray-mercury{{/if}}">
|
|
21
21
|
{{#if ../../../this.isMultiDay}}
|
|
22
22
|
{{this.broadcastDate }}
|
|
23
23
|
{{else}}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</div>
|
|
31
31
|
{{~/with}}
|
|
32
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-
|
|
33
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-[15px] leading-[18px]{{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"}]}'>{{this.relevantTitle}}</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{~/each~}}
|
|
36
36
|
</ul>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::copybutton"}]}'
|
|
10
10
|
{{/with}}
|
|
11
11
|
>
|
|
12
|
-
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
|
|
12
|
+
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
|
|
13
13
|
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess">{{~> components/base/image/icon _addClass="w-full h-full text-green-600" _icon="status-done" _iconmap="icons" ~}}</span>
|
|
14
14
|
</button>
|
|
15
15
|
<div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark">
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
|
|
32
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
|
|
33
33
|
</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{/with}}
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::whatsapp"}]}'
|
|
46
46
|
{{/with}}
|
|
47
47
|
>
|
|
48
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
|
|
48
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
|
|
49
49
|
</a>
|
|
50
50
|
</li>
|
|
51
51
|
{{/with}}
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::mailto"}]}'
|
|
60
60
|
{{/with}}
|
|
61
61
|
>
|
|
62
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
|
|
62
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
|
|
63
63
|
</a>
|
|
64
64
|
</li>
|
|
65
65
|
{{/with}}
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'
|
|
73
73
|
{{/with}}
|
|
74
74
|
>
|
|
75
|
-
<span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
|
|
75
|
+
<span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
|
|
76
76
|
|
|
77
77
|
</button>
|
|
78
78
|
</li>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
ax-load
|
|
10
10
|
x-ignore
|
|
11
11
|
>
|
|
12
|
-
<div class="relative right-0 flex gap-3 bg-white md:h-auto" >
|
|
12
|
+
<div class="relative right-0 flex gap-3 bg-white dark:bg-black md:h-auto" >
|
|
13
13
|
<button
|
|
14
14
|
class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
|
|
15
15
|
x-ref="button"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
x-ref="panel"
|
|
26
26
|
:class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
|
|
27
27
|
:id="$id('dropdown-button')"
|
|
28
|
-
class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
28
|
+
class="self-center bg-white dark:bg-black h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
29
29
|
>
|
|
30
30
|
<ul class="flex gap-3">
|
|
31
31
|
{{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
</div>
|
|
18
18
|
{{#unless this.hideDateTime}}
|
|
19
19
|
{{#with this.tickerItemDateTime~}}
|
|
20
|
-
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion{{/if}}">
|
|
20
|
+
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion dark:text-gray-mercury{{/if}}">
|
|
21
21
|
{{#if ../../../this.isMultiDay}}
|
|
22
22
|
{{this.broadcastDate }}
|
|
23
23
|
{{else}}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</div>
|
|
31
31
|
{{~/with}}
|
|
32
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-
|
|
33
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-[15px] leading-[18px]{{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"}]}'>{{this.relevantTitle}}</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{~/each~}}
|
|
36
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.128",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::copybutton"}]}'
|
|
10
10
|
{{/with}}
|
|
11
11
|
>
|
|
12
|
-
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
|
|
12
|
+
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
|
|
13
13
|
<span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess">{{~> components/base/image/icon _addClass="w-full h-full text-green-600" _icon="status-done" _iconmap="icons" ~}}</span>
|
|
14
14
|
</button>
|
|
15
15
|
<div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark">
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::facebook"}]}'
|
|
30
30
|
{{/with}}
|
|
31
31
|
>
|
|
32
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
|
|
32
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
|
|
33
33
|
</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{/with}}
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::whatsapp"}]}'
|
|
46
46
|
{{/with}}
|
|
47
47
|
>
|
|
48
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
|
|
48
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
|
|
49
49
|
</a>
|
|
50
50
|
</li>
|
|
51
51
|
{{/with}}
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::mailto"}]}'
|
|
60
60
|
{{/with}}
|
|
61
61
|
>
|
|
62
|
-
{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
|
|
62
|
+
{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
|
|
63
63
|
</a>
|
|
64
64
|
</li>
|
|
65
65
|
{{/with}}
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'
|
|
73
73
|
{{/with}}
|
|
74
74
|
>
|
|
75
|
-
<span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
|
|
75
|
+
<span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
|
|
76
76
|
|
|
77
77
|
</button>
|
|
78
78
|
</li>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
ax-load
|
|
10
10
|
x-ignore
|
|
11
11
|
>
|
|
12
|
-
<div class="relative right-0 flex gap-3 bg-white md:h-auto" >
|
|
12
|
+
<div class="relative right-0 flex gap-3 bg-white dark:bg-black md:h-auto" >
|
|
13
13
|
<button
|
|
14
14
|
class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
|
|
15
15
|
x-ref="button"
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
x-ref="panel"
|
|
26
26
|
:class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
|
|
27
27
|
:id="$id('dropdown-button')"
|
|
28
|
-
class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
28
|
+
class="self-center bg-white dark:bg-black h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
|
|
29
29
|
>
|
|
30
30
|
<ul class="flex gap-3">
|
|
31
31
|
{{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
</div>
|
|
18
18
|
{{#unless this.hideDateTime}}
|
|
19
19
|
{{#with this.tickerItemDateTime~}}
|
|
20
|
-
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion{{/if}}">
|
|
20
|
+
<div class="font-headingSerif {{#if ../../../_isTickerpage}}text-sm{{else}}text-xs{{/if}}{{#if ../../../_color}} text-{{../../../_color}}{{else}} text-gray-scorpion dark:text-gray-mercury{{/if}}">
|
|
21
21
|
{{#if ../../../this.isMultiDay}}
|
|
22
22
|
{{this.broadcastDate }}
|
|
23
23
|
{{else}}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
</div>
|
|
31
31
|
{{~/with}}
|
|
32
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-
|
|
33
|
+
<a class="font-headingSerif {{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white {{#if ../../_isTickerpage}}text-[15px] leading-[18px]{{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"}]}'>{{this.relevantTitle}}</a>
|
|
34
34
|
</li>
|
|
35
35
|
{{~/each~}}
|
|
36
36
|
</ul>
|