hr-design-system-handlebars 1.29.5 β 1.29.7
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/brand/hr3/icons/logo/brandlogo--desk.min.svg +1 -1
- package/dist/assets/brand/hr3/icons/logo/brandlogo--mobile.min.svg +1 -1
- package/dist/assets/brand/hr3/icons/logo/svgmap/brandlogo--desk.svg +5 -5
- package/dist/assets/brand/hr3/icons/logo/svgmap/brandlogo--mobile.svg +5 -5
- package/dist/assets/brand/hr3/icons/logo/svgmap.min.svg +1 -1
- package/dist/assets/brand/hr4/icons/logo/brandlogo--desk.min.svg +1 -1
- package/dist/assets/brand/hr4/icons/logo/svgmap/brandlogo--desk.svg +24 -20
- package/dist/assets/brand/hr4/icons/logo/svgmap/brandlogo--mobile.svg +1 -1
- package/dist/assets/brand/hr4/icons/logo/svgmap.min.svg +1 -1
- package/dist/assets/index.css +41 -15
- package/dist/views/components/mediaplayer/media_player.hbs +1 -1
- package/dist/views/components/site_header/navigation_search/quick_search_form.hbs +6 -6
- package/dist/views/components/teaser/components/teaser_lead.hbs +1 -1
- package/dist/views/components/teaser/ticker/teaser_ticker_body.hbs +1 -1
- package/dist/views/components/teaser/ticker/teaser_ticker_footer.hbs +1 -1
- package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/brand/hr3/icons/logo/brandlogo--desk.min.svg +1 -1
- package/src/assets/brand/hr3/icons/logo/brandlogo--mobile.min.svg +1 -1
- package/src/assets/brand/hr3/icons/logo/svgmap/brandlogo--desk.svg +5 -5
- package/src/assets/brand/hr3/icons/logo/svgmap/brandlogo--mobile.svg +5 -5
- package/src/assets/brand/hr3/icons/logo/svgmap.min.svg +1 -1
- package/src/assets/brand/hr4/icons/logo/brandlogo--desk.min.svg +1 -1
- package/src/assets/brand/hr4/icons/logo/svgmap/brandlogo--desk.svg +24 -20
- package/src/assets/brand/hr4/icons/logo/svgmap/brandlogo--mobile.svg +1 -1
- package/src/assets/brand/hr4/icons/logo/svgmap.min.svg +1 -1
- package/src/assets/css/custom-utilities.css +12 -0
- package/src/assets/tailwind.css +6 -1
- package/src/stories/views/components/mediaplayer/media_player.hbs +1 -1
- package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs +6 -6
- package/src/stories/views/components/teaser/components/teaser_lead.hbs +1 -1
- package/src/stories/views/components/teaser/ticker/teaser_ticker_body.hbs +1 -1
- package/src/stories/views/components/teaser/ticker/teaser_ticker_footer.hbs +1 -1
- package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.29.7 (Wed Jul 05 2023)
|
|
2
|
+
|
|
3
|
+
#### π Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe 2390 [#667](https://github.com/mumprod/hr-design-system-handlebars/pull/667) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.29.6 (Mon Jul 03 2023)
|
|
14
|
+
|
|
15
|
+
#### π Bug Fix
|
|
16
|
+
|
|
17
|
+
- add link-focus-white to links in Ticker-Teaser [#670](https://github.com/mumprod/hr-design-system-handlebars/pull/670) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.29.5 (Mon Jul 03 2023)
|
|
2
26
|
|
|
3
27
|
#### π Bug Fix
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.
|
|
1
|
+
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z" style="fill:#c20016"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.
|
|
1
|
+
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z" style="fill:#c20016"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
.st0{fill:#c20016;}
|
|
7
7
|
.st1{fill:#FFFFFF;}
|
|
8
8
|
</style>
|
|
9
|
-
<path
|
|
10
|
-
<path
|
|
9
|
+
<path class="st0" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
|
|
10
|
+
<path class="st1" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
|
|
11
11
|
C36.8,38.3,30.4,39.5,23.5,39.6"/>
|
|
12
|
-
<path
|
|
12
|
+
<path class="st1" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
|
|
13
13
|
c0-1.2,0.1-2.7-2.6-2.7C9,19.6,7.7,20,7.7,20v12.2H4.2V9.9L7.6,9.7z"/>
|
|
14
|
-
<path
|
|
14
|
+
<path class="st1" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
|
|
15
15
|
h0.7c2.2,0,3.2-1.3,3.2-3c0-2-1.4-3-3-3c-1.7,0-3,1.1-3.1,2.9h-4.6c0.1-4.3,3.4-6.8,7.6-6.8c4.4,0,7.6,2.8,7.6,6.8
|
|
16
16
|
c0,2.6-1.2,4.1-2.9,4.9c1.8,0.9,3.2,2.5,3.2,5.4C44.2,30.3,40.5,32.6,36.3,32.6"/>
|
|
17
|
-
<path
|
|
17
|
+
<path class="st1" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
|
|
18
18
|
c0-0.9,0.1-1.4,0.6-1.9c0.6-0.6,2.1-0.7,2.9-0.7c0.4,0,1,0,1.3,0L28.6,16.7L28.6,16.7z"/>
|
|
19
19
|
</svg>
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
.st0{fill:#c20016;}
|
|
7
7
|
.st1{fill:#FFFFFF;}
|
|
8
8
|
</style>
|
|
9
|
-
<path
|
|
10
|
-
<path
|
|
9
|
+
<path class="st0" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
|
|
10
|
+
<path class="st1" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
|
|
11
11
|
C36.8,38.3,30.4,39.5,23.5,39.6"/>
|
|
12
|
-
<path
|
|
12
|
+
<path class="st1" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
|
|
13
13
|
c0-1.2,0.1-2.7-2.6-2.7C9,19.6,7.7,20,7.7,20v12.2H4.2V9.9L7.6,9.7z"/>
|
|
14
|
-
<path
|
|
14
|
+
<path class="st1" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
|
|
15
15
|
h0.7c2.2,0,3.2-1.3,3.2-3c0-2-1.4-3-3-3c-1.7,0-3,1.1-3.1,2.9h-4.6c0.1-4.3,3.4-6.8,7.6-6.8c4.4,0,7.6,2.8,7.6,6.8
|
|
16
16
|
c0,2.6-1.2,4.1-2.9,4.9c1.8,0.9,3.2,2.5,3.2,5.4C44.2,30.3,40.5,32.6,36.3,32.6"/>
|
|
17
|
-
<path
|
|
17
|
+
<path class="st1" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
|
|
18
18
|
c0-0.9,0.1-1.4,0.6-1.9c0.6-0.6,2.1-0.7,2.9-0.7c0.4,0,1,0,1.3,0L28.6,16.7L28.6,16.7z"/>
|
|
19
19
|
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 48 48"><style type="text/css">.
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 48 48"><style type="text/css">.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 48 48"><style type="text/css">.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg
|
|
1
|
+
<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" preserveAspectRatio="xMinYMid meet"><defs><linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="matrix(1 0 0 -1 0 182)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d6007f"/><stop offset=".48" stop-color="#9b0058"/></linearGradient><style>.cls-1{fill:#fff}</style></defs><path d="M50 62H0V12C0 5.4 5.4 0 12 0h50v50c0 6.6-5.4 12-12 12Z" style="fill:url(#Unbenannter_Verlauf)"/><g><path class="cls-1" d="M30.36 47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86 2.46 13.86 3.75 20.96 3.64 7.68-.14 15.68-1.39 21.21-3.57v2.07c-6.14 2.18-13.18 3.39-20.82 3.54M12.71 15.16v7.93s2.54-.54 4.75-.5c3.68.04 5.54 2 5.68 4.54.04.64.04 1 .04 1.71v10.32h-3.89V28.62c0-1.29.07-2.89-2.86-2.89-2.11 0-3.57.39-3.57.39v13H9.04V15.37l3.68-.21ZM36.32 22.62s-3.46.07-5.5.5c-2.36.54-3.86 1.93-4.07 4.07-.04.43-.07.68-.07 1.61v10.36h3.89V28.59c0-.93.07-1.5.68-2.07.71-.61 2.29-.71 3.18-.79.61-.04 1.86-.07 1.86-.07l.04-3.04ZM53 33.76v-3.32h-2.86v-5.6H46.5v5.6h-4.57l6.82-15.85h-4l-6.89 15.85v3.32h8.64v5.4h3.82v-5.4H53z"/></g></svg>
|
|
@@ -1,20 +1,24 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62 62">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: #fff;
|
|
7
|
+
}
|
|
8
|
+
.cls-2 {
|
|
9
|
+
fill: url(#Unbenannter_Verlauf);
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
<linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="translate(0 182) scale(1 -1)" gradientUnits="userSpaceOnUse">
|
|
13
|
+
<stop offset=".03" stop-color="#d6007f"/>
|
|
14
|
+
<stop offset=".48" stop-color="#9b0058"/>
|
|
15
|
+
</linearGradient>
|
|
16
|
+
</defs>
|
|
17
|
+
<path class="cls-2" d="m50,62H0V12C0,5.4,5.4,0,12,0h50v50c0,6.6-5.4,12-12,12Z"/>
|
|
18
|
+
<g>
|
|
19
|
+
<path class="cls-1" d="m30.36,47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86,2.46,13.86,3.75,20.96,3.64,7.68-.14,15.68-1.39,21.21-3.57v2.07c-6.14,2.18-13.18,3.39-20.82,3.54"/>
|
|
20
|
+
<path class="cls-1" d="m12.71,15.16v7.93s2.54-.54,4.75-.5c3.68.04,5.54,2,5.68,4.54.04.64.04,1,.04,1.71v10.32h-3.89v-10.54c0-1.29.07-2.89-2.86-2.89-2.11,0-3.57.39-3.57.39v13h-3.82V15.37l3.68-.21Z"/>
|
|
21
|
+
<path class="cls-1" d="m36.32,22.62s-3.46.07-5.5.5c-2.36.54-3.86,1.93-4.07,4.07-.04.43-.07.68-.07,1.61v10.36h3.89v-10.57c0-.93.07-1.5.68-2.07.71-.61,2.29-.71,3.18-.79.61-.04,1.86-.07,1.86-.07l.04-3.04h0Z"/>
|
|
22
|
+
<polygon class="cls-1" points="53 33.76 53 30.44 50.14 30.44 50.14 24.84 46.5 24.84 46.5 30.44 41.93 30.44 48.75 14.59 44.75 14.59 37.86 30.44 37.86 33.76 46.5 33.76 46.5 39.16 50.32 39.16 50.32 33.76 53 33.76"/>
|
|
23
|
+
</g>
|
|
24
|
+
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="matrix(1 0 0 -1 0 182)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d6007f"/><stop offset=".48" stop-color="#9b0058"/></linearGradient><style>.cls-1{fill:#fff}</style></defs><symbol id="brandlogo--desk" viewBox="0 0 62 62"><path d="M50 62H0V12C0 5.4 5.4 0 12 0h50v50c0 6.6-5.4 12-12 12Z"/><path class="cls-1" d="M30.36 47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86 2.46 13.86 3.75 20.96 3.64 7.68-.14 15.68-1.39 21.21-3.57v2.07c-6.14 2.18-13.18 3.39-20.82 3.54M12.71 15.16v7.93s2.54-.54 4.75-.5c3.68.04 5.54 2 5.68 4.54.04.64.04 1 .04 1.71v10.32h-3.89V28.62c0-1.29.07-2.89-2.86-2.89-2.11 0-3.57.39-3.57.39v13H9.04V15.37l3.68-.21ZM36.32 22.62s-3.46.07-5.5.5c-2.36.54-3.86 1.93-4.07 4.07-.04.43-.07.68-.07 1.61v10.36h3.89V28.59c0-.93.07-1.5.68-2.07.71-.61 2.29-.71 3.18-.79.61-.04 1.86-.07 1.86-.07l.04-3.04ZM53 33.76v-3.32h-2.86v-5.6H46.5v5.6h-4.57l6.82-15.85h-4l-6.89 15.85v3.32h8.64v5.4h3.82v-5.4H53z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 181.417 173.672"><g><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></symbol></svg>
|
package/dist/assets/index.css
CHANGED
|
@@ -1084,6 +1084,9 @@ video {
|
|
|
1084
1084
|
.top-10 {
|
|
1085
1085
|
top: 2.5rem;
|
|
1086
1086
|
}
|
|
1087
|
+
.top-8 {
|
|
1088
|
+
top: 2rem;
|
|
1089
|
+
}
|
|
1087
1090
|
.top-\[41px\] {
|
|
1088
1091
|
top: 41px;
|
|
1089
1092
|
}
|
|
@@ -1522,6 +1525,9 @@ video {
|
|
|
1522
1525
|
.min-w-7 {
|
|
1523
1526
|
min-width: 1.75rem;
|
|
1524
1527
|
}
|
|
1528
|
+
.min-w-full {
|
|
1529
|
+
min-width: 100%;
|
|
1530
|
+
}
|
|
1525
1531
|
.max-w-3\/4 {
|
|
1526
1532
|
max-width: 75%;
|
|
1527
1533
|
}
|
|
@@ -1806,14 +1812,6 @@ video {
|
|
|
1806
1812
|
border-top-left-radius: 0.25rem;
|
|
1807
1813
|
border-bottom-left-radius: 0.25rem;
|
|
1808
1814
|
}
|
|
1809
|
-
.rounded-r {
|
|
1810
|
-
border-top-right-radius: 0.25rem;
|
|
1811
|
-
border-bottom-right-radius: 0.25rem;
|
|
1812
|
-
}
|
|
1813
|
-
.rounded-r-none {
|
|
1814
|
-
border-top-right-radius: 0px;
|
|
1815
|
-
border-bottom-right-radius: 0px;
|
|
1816
|
-
}
|
|
1817
1815
|
.rounded-t {
|
|
1818
1816
|
border-top-left-radius: 0.25rem;
|
|
1819
1817
|
border-top-right-radius: 0.25rem;
|
|
@@ -2819,7 +2817,7 @@ video {
|
|
|
2819
2817
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2820
2818
|
}
|
|
2821
2819
|
.counter-reset {
|
|
2822
|
-
counter-reset:
|
|
2820
|
+
counter-reset: cnt1688570892715;
|
|
2823
2821
|
}
|
|
2824
2822
|
.hyphens-auto {
|
|
2825
2823
|
-webkit-hyphens: auto;
|
|
@@ -3054,7 +3052,7 @@ video {
|
|
|
3054
3052
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3055
3053
|
}
|
|
3056
3054
|
.-ordered {
|
|
3057
|
-
counter-increment:
|
|
3055
|
+
counter-increment: cnt1688570892715 1;
|
|
3058
3056
|
}
|
|
3059
3057
|
.-ordered::before {
|
|
3060
3058
|
position: absolute;
|
|
@@ -3070,7 +3068,7 @@ video {
|
|
|
3070
3068
|
letter-spacing: .0125em;
|
|
3071
3069
|
--tw-text-opacity: 1;
|
|
3072
3070
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3073
|
-
content: counter(
|
|
3071
|
+
content: counter(cnt1688570892715);
|
|
3074
3072
|
}
|
|
3075
3073
|
/*! ****************************/
|
|
3076
3074
|
/*! text-shadow */
|
|
@@ -3121,6 +3119,13 @@ video {
|
|
|
3121
3119
|
padding-bottom: 10px;
|
|
3122
3120
|
padding-bottom: var(--logo-padding-bottom);
|
|
3123
3121
|
}
|
|
3122
|
+
/*! ****************************/
|
|
3123
|
+
/*! Search-Box-border */
|
|
3124
|
+
/*! ****************************/
|
|
3125
|
+
.search-border-mobile {
|
|
3126
|
+
border-color: #005293;
|
|
3127
|
+
border-color: var(--search-border-color-mobile);
|
|
3128
|
+
}
|
|
3124
3129
|
.\[-T\:\+Z\] {
|
|
3125
3130
|
--t: +Z;
|
|
3126
3131
|
}
|
|
@@ -3232,7 +3237,8 @@ video {
|
|
|
3232
3237
|
--color-ticker-teaser-label-byline: #ffffff;
|
|
3233
3238
|
--color-ticker-teaser-timeline-score: #d34600;
|
|
3234
3239
|
--color-ticker-teaser-footer: #ffffff;
|
|
3235
|
-
|
|
3240
|
+
--search-border-color-desktop: transparent;
|
|
3241
|
+
--search-border-color-mobile: var(--color-primary-ds);
|
|
3236
3242
|
}
|
|
3237
3243
|
[data-theme='hessenschau'] {
|
|
3238
3244
|
--color-primary-ds: #005293;
|
|
@@ -3900,6 +3906,8 @@ video {
|
|
|
3900
3906
|
--font-weight-title: 700;
|
|
3901
3907
|
/* ticker-Teaser*/
|
|
3902
3908
|
--color-ticker-teaser-timeline-score: #e5007d;
|
|
3909
|
+
|
|
3910
|
+
--search-border-color-desktop: var(--color-navigation-icons);
|
|
3903
3911
|
}
|
|
3904
3912
|
[data-theme='hr3'] {
|
|
3905
3913
|
--color-primary-ds: #c20016;
|
|
@@ -3973,6 +3981,8 @@ video {
|
|
|
3973
3981
|
/* Font */
|
|
3974
3982
|
--font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
|
|
3975
3983
|
--font-weight-title: 700;
|
|
3984
|
+
|
|
3985
|
+
--search-border-color-desktop: var(--color-primary-ds);
|
|
3976
3986
|
}
|
|
3977
3987
|
[data-theme='hr4'] {
|
|
3978
3988
|
--color-primary-ds: #168378;
|
|
@@ -5153,6 +5163,10 @@ video {
|
|
|
5153
5163
|
top: 0px;
|
|
5154
5164
|
}
|
|
5155
5165
|
|
|
5166
|
+
.lg\:top-10 {
|
|
5167
|
+
top: 2.5rem;
|
|
5168
|
+
}
|
|
5169
|
+
|
|
5156
5170
|
.lg\:top-15 {
|
|
5157
5171
|
top: 3.75rem;
|
|
5158
5172
|
}
|
|
@@ -5206,6 +5220,14 @@ video {
|
|
|
5206
5220
|
margin-right: 0.5rem;
|
|
5207
5221
|
}
|
|
5208
5222
|
|
|
5223
|
+
.lg\:mt-0 {
|
|
5224
|
+
margin-top: 0px;
|
|
5225
|
+
}
|
|
5226
|
+
|
|
5227
|
+
.lg\:mt-0\.5 {
|
|
5228
|
+
margin-top: 0.125rem;
|
|
5229
|
+
}
|
|
5230
|
+
|
|
5209
5231
|
.lg\:mt-1 {
|
|
5210
5232
|
margin-top: 0.25rem;
|
|
5211
5233
|
}
|
|
@@ -5377,9 +5399,9 @@ video {
|
|
|
5377
5399
|
border-bottom-left-radius: 0.25rem;
|
|
5378
5400
|
}
|
|
5379
5401
|
|
|
5380
|
-
.lg\:rounded-
|
|
5381
|
-
border-top-
|
|
5382
|
-
border-bottom-
|
|
5402
|
+
.lg\:rounded-r {
|
|
5403
|
+
border-top-right-radius: 0.25rem;
|
|
5404
|
+
border-bottom-right-radius: 0.25rem;
|
|
5383
5405
|
}
|
|
5384
5406
|
|
|
5385
5407
|
.lg\:rounded-t {
|
|
@@ -5571,6 +5593,10 @@ video {
|
|
|
5571
5593
|
padding-bottom: 10px;
|
|
5572
5594
|
padding-bottom: var(--logo-padding-bottom-lg);
|
|
5573
5595
|
}
|
|
5596
|
+
.lg\:search-border-desktop {
|
|
5597
|
+
border-color: transparent;
|
|
5598
|
+
border-color: var(--search-border-color-desktop);
|
|
5599
|
+
}
|
|
5574
5600
|
.first\:lg\:-ml-4:first-child {
|
|
5575
5601
|
margin-left: -1rem;
|
|
5576
5602
|
}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
{{/with~}}
|
|
9
9
|
{{/unless}}
|
|
10
10
|
{{#with _teaser}}
|
|
11
|
-
{{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker">{{/if}}
|
|
11
|
+
{{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1">{{/if}}
|
|
12
12
|
{{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault ../../_addClassImg-adjust_context "ar__content") _noDelay=this.dontLazyload ~}}
|
|
13
13
|
{{#if this.isTickerTeaser}}</a>{{/if}}
|
|
14
14
|
{{/with}}
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
role="search"
|
|
4
4
|
action="{{resourceUrl "suche/index.nocache"}}"
|
|
5
5
|
method="get"
|
|
6
|
-
class="flex w-full sb-quick-search-form md:justify-end
|
|
6
|
+
class="relative flex w-full border rounded lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end"
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
9
|
-
class="
|
|
9
|
+
class="flex w-full lg:h-10"
|
|
10
10
|
id="search-content"
|
|
11
11
|
@click.away="active=false; cursorIndex=-1"
|
|
12
12
|
@keydown.arrow-down="moveDownList()"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
name="query"
|
|
20
20
|
x-model="query"
|
|
21
21
|
placeholder='{{loca "search_input_placeholder" }}'
|
|
22
|
-
class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100
|
|
22
|
+
class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-primary text-primary focus:outline-none"
|
|
23
23
|
type="text"
|
|
24
24
|
id="searchInput--{{getRandom}}"
|
|
25
25
|
autocomplete="off"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-controls="suggestionlist--{{getRandom}}"
|
|
32
32
|
>
|
|
33
33
|
<div
|
|
34
|
-
class="
|
|
34
|
+
class="absolute left-0 w-auto min-w-full top-8 lg:top-10"
|
|
35
35
|
x-show="query.length > 1 && active && suggestions.length"
|
|
36
36
|
x-cloak
|
|
37
37
|
x-transition:leave="transition ease-in duration-100"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
id="suggestionlist--{{getRandom}}"
|
|
44
44
|
aria-label="Suche ΓΆffnen"
|
|
45
45
|
x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
|
|
46
|
-
class="
|
|
46
|
+
class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl top-100"
|
|
47
47
|
x-ref="list"
|
|
48
48
|
>
|
|
49
49
|
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
<button
|
|
66
66
|
aria-label='{{loca "search_input_aria_submit" }}'
|
|
67
67
|
type="submit"
|
|
68
|
-
class="pl-3 pr-2
|
|
68
|
+
class="pl-3 pr-2 border-l cursor-pointer lg:search-border-desktop lg:rounded-r link-focus-inset bg-primary lg:bg-white text-primary z-10002"
|
|
69
69
|
>
|
|
70
70
|
<svg class="w-6 h-6 text-white fill-current bg-primary lg:fill-current lg:text-primary lg:bg-white"
|
|
71
71
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{~#if this.allowAVConsumption ~}}
|
|
2
2
|
{{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _teaserType=_teaserType _addClassImg=_addClassImg}}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker">{{/if}}
|
|
4
|
+
{{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1">{{/if}}
|
|
5
5
|
{{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _addClassImg=_addClassImg _aspectRatio=_aspectRatio}}
|
|
6
6
|
{{#if this.isTickerTeaser}}</a>{{/if}}
|
|
7
7
|
{{/if}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div class="h-full flex-col flex w-full{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">
|
|
2
2
|
|
|
3
3
|
{{#> components/teaser/components/teaser_header _css=(if this.isStandardTeaser "px-5" "px-5 md:px-0")}}
|
|
4
|
-
{{#>components/base/link _link=this.link _css="cy-teaser-link hover:text-toplineColor" }}
|
|
4
|
+
{{#>components/base/link _link=this.link _css="block link-focus-white cy-teaser-link hover:text-toplineColor" }}
|
|
5
5
|
{{#with this.label}}
|
|
6
6
|
{{#> components/label/label_group}}
|
|
7
7
|
{{> components/label/label _type=this.type _text=(loca this.loca) }}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
</p>
|
|
8
8
|
{{/if}}
|
|
9
9
|
{{#with this}}
|
|
10
|
-
{{#>components/base/link _link=this.link _css="ml-auto text-tickerTeaserFooter underline ds-link decoration-1" }}
|
|
10
|
+
{{#>components/base/link _link=this.link _css="link-focus-white ml-auto text-tickerTeaserFooter underline ds-link decoration-1" }}
|
|
11
11
|
{{loca "ticker_more"}}
|
|
12
12
|
{{/components/base/link}}
|
|
13
13
|
{{#*inline "htmlProperties"}}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
{{/if}}
|
|
21
21
|
</div>
|
|
22
22
|
{{~/with}}
|
|
23
|
-
<a class="text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
|
|
23
|
+
<a class="link-focus-white text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
|
|
24
24
|
</li>
|
|
25
25
|
{{~/each~}}
|
|
26
26
|
</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.29.
|
|
9
|
+
"version": "1.29.7",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.
|
|
1
|
+
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z" style="fill:#c20016"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.
|
|
1
|
+
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z" style="fill:#c20016"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
.st0{fill:#c20016;}
|
|
7
7
|
.st1{fill:#FFFFFF;}
|
|
8
8
|
</style>
|
|
9
|
-
<path
|
|
10
|
-
<path
|
|
9
|
+
<path class="st0" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
|
|
10
|
+
<path class="st1" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
|
|
11
11
|
C36.8,38.3,30.4,39.5,23.5,39.6"/>
|
|
12
|
-
<path
|
|
12
|
+
<path class="st1" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
|
|
13
13
|
c0-1.2,0.1-2.7-2.6-2.7C9,19.6,7.7,20,7.7,20v12.2H4.2V9.9L7.6,9.7z"/>
|
|
14
|
-
<path
|
|
14
|
+
<path class="st1" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
|
|
15
15
|
h0.7c2.2,0,3.2-1.3,3.2-3c0-2-1.4-3-3-3c-1.7,0-3,1.1-3.1,2.9h-4.6c0.1-4.3,3.4-6.8,7.6-6.8c4.4,0,7.6,2.8,7.6,6.8
|
|
16
16
|
c0,2.6-1.2,4.1-2.9,4.9c1.8,0.9,3.2,2.5,3.2,5.4C44.2,30.3,40.5,32.6,36.3,32.6"/>
|
|
17
|
-
<path
|
|
17
|
+
<path class="st1" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
|
|
18
18
|
c0-0.9,0.1-1.4,0.6-1.9c0.6-0.6,2.1-0.7,2.9-0.7c0.4,0,1,0,1.3,0L28.6,16.7L28.6,16.7z"/>
|
|
19
19
|
</svg>
|
|
@@ -6,14 +6,14 @@
|
|
|
6
6
|
.st0{fill:#c20016;}
|
|
7
7
|
.st1{fill:#FFFFFF;}
|
|
8
8
|
</style>
|
|
9
|
-
<path
|
|
10
|
-
<path
|
|
9
|
+
<path class="st0" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
|
|
10
|
+
<path class="st1" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
|
|
11
11
|
C36.8,38.3,30.4,39.5,23.5,39.6"/>
|
|
12
|
-
<path
|
|
12
|
+
<path class="st1" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
|
|
13
13
|
c0-1.2,0.1-2.7-2.6-2.7C9,19.6,7.7,20,7.7,20v12.2H4.2V9.9L7.6,9.7z"/>
|
|
14
|
-
<path
|
|
14
|
+
<path class="st1" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
|
|
15
15
|
h0.7c2.2,0,3.2-1.3,3.2-3c0-2-1.4-3-3-3c-1.7,0-3,1.1-3.1,2.9h-4.6c0.1-4.3,3.4-6.8,7.6-6.8c4.4,0,7.6,2.8,7.6,6.8
|
|
16
16
|
c0,2.6-1.2,4.1-2.9,4.9c1.8,0.9,3.2,2.5,3.2,5.4C44.2,30.3,40.5,32.6,36.3,32.6"/>
|
|
17
|
-
<path
|
|
17
|
+
<path class="st1" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
|
|
18
18
|
c0-0.9,0.1-1.4,0.6-1.9c0.6-0.6,2.1-0.7,2.9-0.7c0.4,0,1,0,1.3,0L28.6,16.7L28.6,16.7z"/>
|
|
19
19
|
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 48 48"><style type="text/css">.
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 48 48"><style type="text/css">.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 48 48"><style type="text/css">.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg
|
|
1
|
+
<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" preserveAspectRatio="xMinYMid meet"><defs><linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="matrix(1 0 0 -1 0 182)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d6007f"/><stop offset=".48" stop-color="#9b0058"/></linearGradient><style>.cls-1{fill:#fff}</style></defs><path d="M50 62H0V12C0 5.4 5.4 0 12 0h50v50c0 6.6-5.4 12-12 12Z" style="fill:url(#Unbenannter_Verlauf)"/><g><path class="cls-1" d="M30.36 47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86 2.46 13.86 3.75 20.96 3.64 7.68-.14 15.68-1.39 21.21-3.57v2.07c-6.14 2.18-13.18 3.39-20.82 3.54M12.71 15.16v7.93s2.54-.54 4.75-.5c3.68.04 5.54 2 5.68 4.54.04.64.04 1 .04 1.71v10.32h-3.89V28.62c0-1.29.07-2.89-2.86-2.89-2.11 0-3.57.39-3.57.39v13H9.04V15.37l3.68-.21ZM36.32 22.62s-3.46.07-5.5.5c-2.36.54-3.86 1.93-4.07 4.07-.04.43-.07.68-.07 1.61v10.36h3.89V28.59c0-.93.07-1.5.68-2.07.71-.61 2.29-.71 3.18-.79.61-.04 1.86-.07 1.86-.07l.04-3.04ZM53 33.76v-3.32h-2.86v-5.6H46.5v5.6h-4.57l6.82-15.85h-4l-6.89 15.85v3.32h8.64v5.4h3.82v-5.4H53z"/></g></svg>
|
|
@@ -1,20 +1,24 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62 62">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: #fff;
|
|
7
|
+
}
|
|
8
|
+
.cls-2 {
|
|
9
|
+
fill: url(#Unbenannter_Verlauf);
|
|
10
|
+
}
|
|
11
|
+
</style>
|
|
12
|
+
<linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="translate(0 182) scale(1 -1)" gradientUnits="userSpaceOnUse">
|
|
13
|
+
<stop offset=".03" stop-color="#d6007f"/>
|
|
14
|
+
<stop offset=".48" stop-color="#9b0058"/>
|
|
15
|
+
</linearGradient>
|
|
16
|
+
</defs>
|
|
17
|
+
<path class="cls-2" d="m50,62H0V12C0,5.4,5.4,0,12,0h50v50c0,6.6-5.4,12-12,12Z"/>
|
|
18
|
+
<g>
|
|
19
|
+
<path class="cls-1" d="m30.36,47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86,2.46,13.86,3.75,20.96,3.64,7.68-.14,15.68-1.39,21.21-3.57v2.07c-6.14,2.18-13.18,3.39-20.82,3.54"/>
|
|
20
|
+
<path class="cls-1" d="m12.71,15.16v7.93s2.54-.54,4.75-.5c3.68.04,5.54,2,5.68,4.54.04.64.04,1,.04,1.71v10.32h-3.89v-10.54c0-1.29.07-2.89-2.86-2.89-2.11,0-3.57.39-3.57.39v13h-3.82V15.37l3.68-.21Z"/>
|
|
21
|
+
<path class="cls-1" d="m36.32,22.62s-3.46.07-5.5.5c-2.36.54-3.86,1.93-4.07,4.07-.04.43-.07.68-.07,1.61v10.36h3.89v-10.57c0-.93.07-1.5.68-2.07.71-.61,2.29-.71,3.18-.79.61-.04,1.86-.07,1.86-.07l.04-3.04h0Z"/>
|
|
22
|
+
<polygon class="cls-1" points="53 33.76 53 30.44 50.14 30.44 50.14 24.84 46.5 24.84 46.5 30.44 41.93 30.44 48.75 14.59 44.75 14.59 37.86 30.44 37.86 33.76 46.5 33.76 46.5 39.16 50.32 39.16 50.32 33.76 53 33.76"/>
|
|
23
|
+
</g>
|
|
24
|
+
</svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="matrix(1 0 0 -1 0 182)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d6007f"/><stop offset=".48" stop-color="#9b0058"/></linearGradient><style>.cls-1{fill:#fff}</style></defs><symbol id="brandlogo--desk" viewBox="0 0 62 62"><path d="M50 62H0V12C0 5.4 5.4 0 12 0h50v50c0 6.6-5.4 12-12 12Z"/><path class="cls-1" d="M30.36 47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86 2.46 13.86 3.75 20.96 3.64 7.68-.14 15.68-1.39 21.21-3.57v2.07c-6.14 2.18-13.18 3.39-20.82 3.54M12.71 15.16v7.93s2.54-.54 4.75-.5c3.68.04 5.54 2 5.68 4.54.04.64.04 1 .04 1.71v10.32h-3.89V28.62c0-1.29.07-2.89-2.86-2.89-2.11 0-3.57.39-3.57.39v13H9.04V15.37l3.68-.21ZM36.32 22.62s-3.46.07-5.5.5c-2.36.54-3.86 1.93-4.07 4.07-.04.43-.07.68-.07 1.61v10.36h3.89V28.59c0-.93.07-1.5.68-2.07.71-.61 2.29-.71 3.18-.79.61-.04 1.86-.07 1.86-.07l.04-3.04ZM53 33.76v-3.32h-2.86v-5.6H46.5v5.6h-4.57l6.82-15.85h-4l-6.89 15.85v3.32h8.64v5.4h3.82v-5.4H53z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 181.417 173.672"><g><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></symbol></svg>
|
|
@@ -234,4 +234,16 @@
|
|
|
234
234
|
padding-bottom: var(--logo-padding-bottom);
|
|
235
235
|
}
|
|
236
236
|
}
|
|
237
|
+
|
|
238
|
+
/*! ****************************/
|
|
239
|
+
/*! Search-Box-border */
|
|
240
|
+
/*! ****************************/
|
|
241
|
+
@responsive {
|
|
242
|
+
.search-border-mobile {
|
|
243
|
+
border-color: var(--search-border-color-mobile);
|
|
244
|
+
}
|
|
245
|
+
.search-border-desktop {
|
|
246
|
+
border-color: var(--search-border-color-desktop);
|
|
247
|
+
}
|
|
248
|
+
}
|
|
237
249
|
}
|
package/src/assets/tailwind.css
CHANGED
|
@@ -107,7 +107,8 @@
|
|
|
107
107
|
--color-ticker-teaser-label-byline: theme('colors.white.DEFAULT');
|
|
108
108
|
--color-ticker-teaser-timeline-score: theme('colors.orange.spicyCarrot');
|
|
109
109
|
--color-ticker-teaser-footer: theme('colors.white.DEFAULT');
|
|
110
|
-
|
|
110
|
+
--search-border-color-desktop: theme('colors.transparent');
|
|
111
|
+
--search-border-color-mobile: var(--color-primary-ds);
|
|
111
112
|
}
|
|
112
113
|
|
|
113
114
|
[data-theme='hessenschau'] {
|
|
@@ -785,6 +786,8 @@
|
|
|
785
786
|
--font-weight-title: theme('fontWeight.bold');
|
|
786
787
|
/* ticker-Teaser*/
|
|
787
788
|
--color-ticker-teaser-timeline-score: theme('colors.pink.rose');
|
|
789
|
+
|
|
790
|
+
--search-border-color-desktop: var(--color-navigation-icons);
|
|
788
791
|
}
|
|
789
792
|
|
|
790
793
|
[data-theme='hr3'] {
|
|
@@ -859,6 +862,8 @@
|
|
|
859
862
|
/* Font */
|
|
860
863
|
--font-title: theme('fontFamily.heading');
|
|
861
864
|
--font-weight-title: theme('fontWeight.bold');
|
|
865
|
+
|
|
866
|
+
--search-border-color-desktop: var(--color-primary-ds);
|
|
862
867
|
}
|
|
863
868
|
|
|
864
869
|
[data-theme='hr4'] {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
{{/with~}}
|
|
9
9
|
{{/unless}}
|
|
10
10
|
{{#with _teaser}}
|
|
11
|
-
{{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker">{{/if}}
|
|
11
|
+
{{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1">{{/if}}
|
|
12
12
|
{{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg-adjust_context "ar__content") _noDelay=this.dontLazyload ~}}
|
|
13
13
|
{{#if this.isTickerTeaser}}</a>{{/if}}
|
|
14
14
|
{{/with}}
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
role="search"
|
|
4
4
|
action="{{resourceUrl "suche/index.nocache"}}"
|
|
5
5
|
method="get"
|
|
6
|
-
class="flex w-full sb-quick-search-form md:justify-end
|
|
6
|
+
class="relative flex w-full border rounded lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end"
|
|
7
7
|
>
|
|
8
8
|
<div
|
|
9
|
-
class="
|
|
9
|
+
class="flex w-full lg:h-10"
|
|
10
10
|
id="search-content"
|
|
11
11
|
@click.away="active=false; cursorIndex=-1"
|
|
12
12
|
@keydown.arrow-down="moveDownList()"
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
name="query"
|
|
20
20
|
x-model="query"
|
|
21
21
|
placeholder='{{loca "search_input_placeholder" }}'
|
|
22
|
-
class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100
|
|
22
|
+
class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-primary text-primary focus:outline-none"
|
|
23
23
|
type="text"
|
|
24
24
|
id="searchInput--{{getRandom}}"
|
|
25
25
|
autocomplete="off"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-controls="suggestionlist--{{getRandom}}"
|
|
32
32
|
>
|
|
33
33
|
<div
|
|
34
|
-
class="
|
|
34
|
+
class="absolute left-0 w-auto min-w-full top-8 lg:top-10"
|
|
35
35
|
x-show="query.length > 1 && active && suggestions.length"
|
|
36
36
|
x-cloak
|
|
37
37
|
x-transition:leave="transition ease-in duration-100"
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
id="suggestionlist--{{getRandom}}"
|
|
44
44
|
aria-label="Suche ΓΆffnen"
|
|
45
45
|
x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
|
|
46
|
-
class="
|
|
46
|
+
class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl top-100"
|
|
47
47
|
x-ref="list"
|
|
48
48
|
>
|
|
49
49
|
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
<button
|
|
66
66
|
aria-label='{{loca "search_input_aria_submit" }}'
|
|
67
67
|
type="submit"
|
|
68
|
-
class="pl-3 pr-2
|
|
68
|
+
class="pl-3 pr-2 border-l cursor-pointer lg:search-border-desktop lg:rounded-r link-focus-inset bg-primary lg:bg-white text-primary z-10002"
|
|
69
69
|
>
|
|
70
70
|
<svg class="w-6 h-6 text-white fill-current bg-primary lg:fill-current lg:text-primary lg:bg-white"
|
|
71
71
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{{~#if this.allowAVConsumption ~}}
|
|
2
2
|
{{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _teaserType=_teaserType _addClassImg=_addClassImg}}
|
|
3
3
|
{{else}}
|
|
4
|
-
{{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker">{{/if}}
|
|
4
|
+
{{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1">{{/if}}
|
|
5
5
|
{{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _addClassImg=_addClassImg _aspectRatio=_aspectRatio}}
|
|
6
6
|
{{#if this.isTickerTeaser}}</a>{{/if}}
|
|
7
7
|
{{/if}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div class="h-full flex-col flex w-full{{#if _outerCssClasses}} {{_outerCssClasses}}{{/if}}">
|
|
2
2
|
|
|
3
3
|
{{#> components/teaser/components/teaser_header _css=(if this.isStandardTeaser "px-5" "px-5 md:px-0")}}
|
|
4
|
-
{{#>components/base/link _link=this.link _css="cy-teaser-link hover:text-toplineColor" }}
|
|
4
|
+
{{#>components/base/link _link=this.link _css="block link-focus-white cy-teaser-link hover:text-toplineColor" }}
|
|
5
5
|
{{#with this.label}}
|
|
6
6
|
{{#> components/label/label_group}}
|
|
7
7
|
{{> components/label/label _type=this.type _text=(loca this.loca) }}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
</p>
|
|
8
8
|
{{/if}}
|
|
9
9
|
{{#with this}}
|
|
10
|
-
{{#>components/base/link _link=this.link _css="ml-auto text-tickerTeaserFooter underline ds-link decoration-1" }}
|
|
10
|
+
{{#>components/base/link _link=this.link _css="link-focus-white ml-auto text-tickerTeaserFooter underline ds-link decoration-1" }}
|
|
11
11
|
{{loca "ticker_more"}}
|
|
12
12
|
{{/components/base/link}}
|
|
13
13
|
{{#*inline "htmlProperties"}}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
{{/if}}
|
|
21
21
|
</div>
|
|
22
22
|
{{~/with}}
|
|
23
|
-
<a class="text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
|
|
23
|
+
<a class="link-focus-white text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
|
|
24
24
|
</li>
|
|
25
25
|
{{~/each~}}
|
|
26
26
|
</ul>
|