hr-design-system-handlebars 1.35.11 → 1.35.13
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/build/handlebars/helpers/handlebar-helpers.js +3 -3
- package/dist/assets/brand/you-fm/icons/logo/brandlogo--footer-desk.min.svg +1 -1
- package/dist/assets/brand/you-fm/icons/logo/brandlogo--footer.min.svg +1 -1
- package/dist/assets/brand/you-fm/icons/logo/svgmap/brandlogo--footer-desk.svg +1 -1
- package/dist/assets/brand/you-fm/icons/logo/svgmap/brandlogo--footer.svg +1 -1
- package/dist/assets/brand/you-fm/icons/logo/svgmap.min.svg +1 -1
- package/dist/assets/index.css +9 -7
- package/dist/views/components/article/components/accordion/accordion.hbs +8 -4
- package/dist/views/components/footer/page_footer_logo.hbs +1 -1
- package/dist/views_static/components/article/components/accordion/accordion.hbs +8 -4
- package/dist/views_static/components/footer/page_footer_logo.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/brand/you-fm/icons/logo/brandlogo--footer-desk.min.svg +1 -1
- package/src/assets/brand/you-fm/icons/logo/brandlogo--footer.min.svg +1 -1
- package/src/assets/brand/you-fm/icons/logo/svgmap/brandlogo--footer-desk.svg +1 -1
- package/src/assets/brand/you-fm/icons/logo/svgmap/brandlogo--footer.svg +1 -1
- package/src/assets/brand/you-fm/icons/logo/svgmap.min.svg +1 -1
- package/src/assets/tailwind.css +6 -4
- package/src/stories/views/components/article/components/accordion/accordion.hbs +8 -4
- package/src/stories/views/components/footer/page_footer_logo.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.35.13 (Fri Aug 11 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe 2259 7 some small fixes [#709](https://github.com/mumprod/hr-design-system-handlebars/pull/709) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.35.12 (Thu Aug 10 2023)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- improve accessibility [#708](https://github.com/mumprod/hr-design-system-handlebars/pull/708) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.35.11 (Thu Aug 10 2023)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
|
@@ -427,16 +427,16 @@ var helpers = {
|
|
|
427
427
|
case 'iconConfig.brandlogo.footer':
|
|
428
428
|
configProperty =
|
|
429
429
|
brand == 'you-fm'
|
|
430
|
-
? 'brandlogo--desk'
|
|
430
|
+
? 'brandlogo--footer-desk'
|
|
431
431
|
/* : brand == 'hr-bigband'
|
|
432
432
|
? 'brandlogo--mobile'
|
|
433
433
|
: brand == 'hr-sinfonieorchester'
|
|
434
434
|
? 'brandlogo--mobile'
|
|
435
435
|
: brand == 'hessenschau'
|
|
436
436
|
? undefined
|
|
437
|
-
|
|
437
|
+
*/
|
|
438
438
|
: brand == 'hr-inforadio'
|
|
439
|
-
? 'brandlogo--footer'
|
|
439
|
+
? 'brandlogo--footer'
|
|
440
440
|
: brand == 'hr2'
|
|
441
441
|
? 'brandlogo--footer'
|
|
442
442
|
: undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 1704.47 500" style="enable-background:new 0 0 1704.47 500" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st0{fill:#
|
|
1
|
+
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 1704.47 500" style="enable-background:new 0 0 1704.47 500" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st0{fill:#fff}</style><g><g><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15z"/></g><g><path class="st0" d="M1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25z"/></g></g><path class="st0" d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" style="fill:#
|
|
1
|
+
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" style="fill:#fff"/></svg>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
|
4
4
|
y="0px" viewBox="0 0 1704.47 500" style="enable-background:new 0 0 1704.47 500;" xml:space="preserve">
|
|
5
5
|
<style type="text/css">
|
|
6
|
-
.st0{fill:#
|
|
6
|
+
.st0{fill:#ffffff;}
|
|
7
7
|
</style>
|
|
8
8
|
<g>
|
|
9
9
|
<g>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
|
4
4
|
y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
|
|
5
5
|
<style type="text/css">
|
|
6
|
-
.st0{fill:#
|
|
6
|
+
.st0{fill:#ffffff;}
|
|
7
7
|
</style>
|
|
8
8
|
<path class="st0" d="M288.31,0.1L250.1,38.31L211.88,0.1H0.1v220.01l38.21,38.21L0.1,296.53V500.1h280.59L500.1,280.68V0.1H288.31z
|
|
9
9
|
M425.84,250.1L250.1,425.84H74.35V320.82l62.5-62.5l-62.5-62.5V74.35H187.6l62.5,62.06l62.5-62.06h113.24V250.1z"/>
|
|
@@ -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 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#010101}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer-desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#010101}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer-desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#fff}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#fff"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#010101"/></symbol><symbol id="brandlogo--tiny" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#010101"/></symbol></svg>
|
package/dist/assets/index.css
CHANGED
|
@@ -3025,7 +3025,7 @@ video {
|
|
|
3025
3025
|
border-bottom-color: var(--color-secondary-ds);
|
|
3026
3026
|
}
|
|
3027
3027
|
.counter-reset {
|
|
3028
|
-
counter-reset:
|
|
3028
|
+
counter-reset: cnt1691753693775;
|
|
3029
3029
|
}
|
|
3030
3030
|
.hyphens-auto {
|
|
3031
3031
|
-webkit-hyphens: auto;
|
|
@@ -3260,7 +3260,7 @@ video {
|
|
|
3260
3260
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3261
3261
|
}
|
|
3262
3262
|
.-ordered {
|
|
3263
|
-
counter-increment:
|
|
3263
|
+
counter-increment: cnt1691753693775 1;
|
|
3264
3264
|
}
|
|
3265
3265
|
.-ordered::before {
|
|
3266
3266
|
position: absolute;
|
|
@@ -3276,7 +3276,7 @@ video {
|
|
|
3276
3276
|
letter-spacing: .0125em;
|
|
3277
3277
|
--tw-text-opacity: 1;
|
|
3278
3278
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3279
|
-
content: counter(
|
|
3279
|
+
content: counter(cnt1691753693775);
|
|
3280
3280
|
}
|
|
3281
3281
|
/*! ****************************/
|
|
3282
3282
|
/*! DataPolicy stuff */
|
|
@@ -3402,22 +3402,22 @@ video {
|
|
|
3402
3402
|
--logo-padding-top-lg: 10px;
|
|
3403
3403
|
--logo-padding-bottom-lg: 10px;
|
|
3404
3404
|
|
|
3405
|
-
/* Footer
|
|
3405
|
+
/* Footer Color Options */
|
|
3406
3406
|
--invert-logo-footer: 0;
|
|
3407
3407
|
--color-footer-text: white;
|
|
3408
3408
|
--color-footer-heading: white;
|
|
3409
3409
|
--color-footer-border: red;
|
|
3410
3410
|
--color-footer-bg: #005293;
|
|
3411
3411
|
|
|
3412
|
+
/* Footer Logo size Options */
|
|
3412
3413
|
--width-footer-logo: 135px;
|
|
3413
3414
|
--height-footer-logo: 75px;
|
|
3414
|
-
|
|
3415
3415
|
--width-footer-logo-md: 6.4375rem;
|
|
3416
3416
|
--height-footer-logo-md: 2.6875rem;
|
|
3417
|
-
|
|
3418
3417
|
--width-footer-logo-lg: 6.4375rem;
|
|
3419
3418
|
--height-footer-logo-lg: 2.6875rem;
|
|
3420
3419
|
|
|
3420
|
+
/* Footer padding : 132px when a radioplayer is used */
|
|
3421
3421
|
--footer-padding-bottom: 16px;
|
|
3422
3422
|
|
|
3423
3423
|
/*Hauptmenü*/
|
|
@@ -3680,6 +3680,8 @@ video {
|
|
|
3680
3680
|
--color-footer-heading:#000000;
|
|
3681
3681
|
|
|
3682
3682
|
--search-border-color-desktop: #276b9e;
|
|
3683
|
+
|
|
3684
|
+
--footer-padding-bottom: 132px;
|
|
3683
3685
|
|
|
3684
3686
|
/* Medieninhalte, Video, Audio, Bildergalerie */
|
|
3685
3687
|
--color-label-media: #276b9e;
|
|
@@ -4483,7 +4485,7 @@ video {
|
|
|
4483
4485
|
--border-navigation-border-image: linear-gradient(to right, #ec6a19 0%, #ec6a19 17%, #00aec5 17%, #00aec5 34%, #00a781 34%, #00a781 51%, #fcbf1f 51%, #fcbf1f 68%, #e51353 68%, #e51353 85%, #8d3b8e 85%, #8d3b8e 100%);
|
|
4484
4486
|
|
|
4485
4487
|
/* Footer Logo Invert */
|
|
4486
|
-
--invert-logo-footer:
|
|
4488
|
+
--invert-logo-footer: 0;
|
|
4487
4489
|
|
|
4488
4490
|
--color-footer-bg: #606060;
|
|
4489
4491
|
--color-footer-border: #007ea1;
|
|
@@ -6,12 +6,14 @@
|
|
|
6
6
|
{{#if this.isHeadline}}
|
|
7
7
|
{{#unless @first}}</div></div>{{/unless}}
|
|
8
8
|
<button type="button"
|
|
9
|
-
class="w-full text-left"
|
|
10
|
-
@click="selected !== {{nextRandom}} ? selected = {{getRandom}} : selected = null"
|
|
9
|
+
class="w-full text-left accordion link-focus"
|
|
10
|
+
@click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
|
|
11
|
+
x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{this.text}} schließen' : 'Abschnitt {{this.text}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
|
|
11
12
|
data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
|
|
13
|
+
aria-controls="accordionItem{{getRandom}}"
|
|
12
14
|
>
|
|
13
15
|
<div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
|
|
14
|
-
<h3 :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
|
|
16
|
+
<h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
|
|
15
17
|
<span :class="selected == {{getRandom}} ? 'hidden' : ''">
|
|
16
18
|
{{> components/base/image/icon _icon="plus" _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
|
|
17
19
|
</span>
|
|
@@ -20,8 +22,10 @@
|
|
|
20
22
|
</span>
|
|
21
23
|
</div>
|
|
22
24
|
</button>
|
|
23
|
-
<div
|
|
25
|
+
<div id="accordionItem{{getRandom}}"
|
|
26
|
+
class="relative w-full overflow-hidden transition-all duration-700 max-h-0"
|
|
24
27
|
style=""
|
|
28
|
+
:class="selected !== {{getRandom}} ? 'invisible' : ''"
|
|
25
29
|
x-ref="container{{getRandom}}"
|
|
26
30
|
x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
|
|
27
31
|
>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div class="self-end inline-block float-right mt-8 w-fit md:mt-0">
|
|
2
2
|
<a href="{{resourceUrl "index.html"}}" title="{{loca "header_homepage_link_title"}}">
|
|
3
3
|
{{#if (configProperty "iconConfig.brandlogo.footer")}}
|
|
4
|
-
{{> components/base/image/icon _icon=(configProperty "iconConfig.brandlogo.footer") _iconmap="logo" _addClass="inline-block w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg flex self-end invert-logo-footer"}}
|
|
4
|
+
{{> components/base/image/icon _icon=(configProperty "iconConfig.brandlogo.footer") _iconmap="logo" _addClass="inline-block w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg flex self-end invert-logo-footer fill-current text-footer-text"}}
|
|
5
5
|
{{else}}
|
|
6
6
|
{{> components/base/image/icon _icon="brandlogo--desk" _iconmap="logo" _addClass="inline-block bg-logo-footer rounded-logo-footer w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg fill-current md:mt-2 lg:mt-1 md:flex invert-logo-footer text-footer-text"}}
|
|
7
7
|
{{/if}}
|
|
@@ -6,12 +6,14 @@
|
|
|
6
6
|
{{#if this.isHeadline}}
|
|
7
7
|
{{#unless @first}}</div></div>{{/unless}}
|
|
8
8
|
<button type="button"
|
|
9
|
-
class="w-full text-left"
|
|
10
|
-
@click="selected !== {{nextRandom}} ? selected = {{getRandom}} : selected = null"
|
|
9
|
+
class="w-full text-left accordion link-focus"
|
|
10
|
+
@click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
|
|
11
|
+
x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{this.text}} schließen' : 'Abschnitt {{this.text}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
|
|
11
12
|
data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
|
|
13
|
+
aria-controls="accordionItem{{getRandom}}"
|
|
12
14
|
>
|
|
13
15
|
<div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
|
|
14
|
-
<h3 :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
|
|
16
|
+
<h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
|
|
15
17
|
<span :class="selected == {{getRandom}} ? 'hidden' : ''">
|
|
16
18
|
{{> components/base/image/icon _icon="plus" _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
|
|
17
19
|
</span>
|
|
@@ -20,8 +22,10 @@
|
|
|
20
22
|
</span>
|
|
21
23
|
</div>
|
|
22
24
|
</button>
|
|
23
|
-
<div
|
|
25
|
+
<div id="accordionItem{{getRandom}}"
|
|
26
|
+
class="relative w-full overflow-hidden transition-all duration-700 max-h-0"
|
|
24
27
|
style=""
|
|
28
|
+
:class="selected !== {{getRandom}} ? 'invisible' : ''"
|
|
25
29
|
x-ref="container{{getRandom}}"
|
|
26
30
|
x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
|
|
27
31
|
>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div class="self-end inline-block float-right mt-8 w-fit md:mt-0">
|
|
2
2
|
<a href="{{resourceUrl "index.html"}}" title="{{loca "header_homepage_link_title"}}">
|
|
3
3
|
{{#if (configProperty "iconConfig.brandlogo.footer")}}
|
|
4
|
-
{{> components/base/image/icon _icon=(configProperty "iconConfig.brandlogo.footer") _iconmap="logo" _addClass="inline-block w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg flex self-end invert-logo-footer"}}
|
|
4
|
+
{{> components/base/image/icon _icon=(configProperty "iconConfig.brandlogo.footer") _iconmap="logo" _addClass="inline-block w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg flex self-end invert-logo-footer fill-current text-footer-text"}}
|
|
5
5
|
{{else}}
|
|
6
6
|
{{> components/base/image/icon _icon="brandlogo--desk" _iconmap="logo" _addClass="inline-block bg-logo-footer rounded-logo-footer w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg fill-current md:mt-2 lg:mt-1 md:flex invert-logo-footer text-footer-text"}}
|
|
7
7
|
{{/if}}
|
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.35.
|
|
9
|
+
"version": "1.35.13",
|
|
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="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 1704.47 500" style="enable-background:new 0 0 1704.47 500" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st0{fill:#
|
|
1
|
+
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 1704.47 500" style="enable-background:new 0 0 1704.47 500" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st0{fill:#fff}</style><g><g><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15z"/></g><g><path class="st0" d="M1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25z"/></g></g><path class="st0" d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" style="fill:#
|
|
1
|
+
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" style="fill:#fff"/></svg>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
|
4
4
|
y="0px" viewBox="0 0 1704.47 500" style="enable-background:new 0 0 1704.47 500;" xml:space="preserve">
|
|
5
5
|
<style type="text/css">
|
|
6
|
-
.st0{fill:#
|
|
6
|
+
.st0{fill:#ffffff;}
|
|
7
7
|
</style>
|
|
8
8
|
<g>
|
|
9
9
|
<g>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<svg version="1.1" id="Logo_Reinzeichnung" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
|
|
4
4
|
y="0px" viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
|
|
5
5
|
<style type="text/css">
|
|
6
|
-
.st0{fill:#
|
|
6
|
+
.st0{fill:#ffffff;}
|
|
7
7
|
</style>
|
|
8
8
|
<path class="st0" d="M288.31,0.1L250.1,38.31L211.88,0.1H0.1v220.01l38.21,38.21L0.1,296.53V500.1h280.59L500.1,280.68V0.1H288.31z
|
|
9
9
|
M425.84,250.1L250.1,425.84H74.35V320.82l62.5-62.5l-62.5-62.5V74.35H187.6l62.5,62.06l62.5-62.06h113.24V250.1z"/>
|
|
@@ -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 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#010101}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer-desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#010101}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer-desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#fff}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#fff"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#010101"/></symbol><symbol id="brandlogo--tiny" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#010101"/></symbol></svg>
|
package/src/assets/tailwind.css
CHANGED
|
@@ -39,22 +39,22 @@
|
|
|
39
39
|
--logo-padding-top-lg: 10px;
|
|
40
40
|
--logo-padding-bottom-lg: 10px;
|
|
41
41
|
|
|
42
|
-
/* Footer
|
|
42
|
+
/* Footer Color Options */
|
|
43
43
|
--invert-logo-footer: 0;
|
|
44
44
|
--color-footer-text: white;
|
|
45
45
|
--color-footer-heading: white;
|
|
46
46
|
--color-footer-border: red;
|
|
47
47
|
--color-footer-bg: theme('colors.blue.congress');
|
|
48
48
|
|
|
49
|
+
/* Footer Logo size Options */
|
|
49
50
|
--width-footer-logo: 135px;
|
|
50
51
|
--height-footer-logo: 75px;
|
|
51
|
-
|
|
52
52
|
--width-footer-logo-md: 6.4375rem;
|
|
53
53
|
--height-footer-logo-md: 2.6875rem;
|
|
54
|
-
|
|
55
54
|
--width-footer-logo-lg: 6.4375rem;
|
|
56
55
|
--height-footer-logo-lg: 2.6875rem;
|
|
57
56
|
|
|
57
|
+
/* Footer padding : 132px when a radioplayer is used */
|
|
58
58
|
--footer-padding-bottom: 16px;
|
|
59
59
|
|
|
60
60
|
/*Hauptmenü*/
|
|
@@ -321,6 +321,8 @@
|
|
|
321
321
|
--color-footer-heading:theme('colors.black.DEFAULT');
|
|
322
322
|
|
|
323
323
|
--search-border-color-desktop: #276b9e;
|
|
324
|
+
|
|
325
|
+
--footer-padding-bottom: 132px;
|
|
324
326
|
|
|
325
327
|
/* Medieninhalte, Video, Audio, Bildergalerie */
|
|
326
328
|
--color-label-media: theme('colors.blue.jellyBean');
|
|
@@ -1134,7 +1136,7 @@
|
|
|
1134
1136
|
--border-navigation-border-image: linear-gradient(to right, #ec6a19 0%, #ec6a19 17%, #00aec5 17%, #00aec5 34%, #00a781 34%, #00a781 51%, #fcbf1f 51%, #fcbf1f 68%, #e51353 68%, #e51353 85%, #8d3b8e 85%, #8d3b8e 100%);
|
|
1135
1137
|
|
|
1136
1138
|
/* Footer Logo Invert */
|
|
1137
|
-
--invert-logo-footer:
|
|
1139
|
+
--invert-logo-footer: 0;
|
|
1138
1140
|
|
|
1139
1141
|
--color-footer-bg: #606060;
|
|
1140
1142
|
--color-footer-border: #007ea1;
|
|
@@ -6,12 +6,14 @@
|
|
|
6
6
|
{{#if this.isHeadline}}
|
|
7
7
|
{{#unless @first}}</div></div>{{/unless}}
|
|
8
8
|
<button type="button"
|
|
9
|
-
class="w-full text-left"
|
|
10
|
-
@click="selected !== {{nextRandom}} ? selected = {{getRandom}} : selected = null"
|
|
9
|
+
class="w-full text-left accordion link-focus"
|
|
10
|
+
@click="selected !== {{nextRandom}} ? (selected = {{getRandom}}, setTimeout(() => {if($el.getBoundingClientRect().top<0){$el.scrollIntoView({ block: 'start' })}}, 700)) : selected = null"
|
|
11
|
+
x-effect="$el.setAttribute('aria-label', selected == {{getRandom}} ? 'Abschnitt {{this.text}} schließen' : 'Abschnitt {{this.text}} öffnen');$el.setAttribute('aria-expanded', selected == {{getRandom}} ? 'true' : 'false')"
|
|
11
12
|
data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
|
|
13
|
+
aria-controls="accordionItem{{getRandom}}"
|
|
12
14
|
>
|
|
13
15
|
<div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
|
|
14
|
-
<h3 :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
|
|
16
|
+
<h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
|
|
15
17
|
<span :class="selected == {{getRandom}} ? 'hidden' : ''">
|
|
16
18
|
{{> components/base/image/icon _icon="plus" _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
|
|
17
19
|
</span>
|
|
@@ -20,8 +22,10 @@
|
|
|
20
22
|
</span>
|
|
21
23
|
</div>
|
|
22
24
|
</button>
|
|
23
|
-
<div
|
|
25
|
+
<div id="accordionItem{{getRandom}}"
|
|
26
|
+
class="relative w-full overflow-hidden transition-all duration-700 max-h-0"
|
|
24
27
|
style=""
|
|
28
|
+
:class="selected !== {{getRandom}} ? 'invisible' : ''"
|
|
25
29
|
x-ref="container{{getRandom}}"
|
|
26
30
|
x-bind:style="selected == {{getRandom}} ? 'max-height: ' + $refs.container{{getRandom}}.scrollHeight + 'px' : ''"
|
|
27
31
|
>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div class="self-end inline-block float-right mt-8 w-fit md:mt-0">
|
|
2
2
|
<a href="{{resourceUrl "index.html"}}" title="{{loca "header_homepage_link_title"}}">
|
|
3
3
|
{{#if (configProperty "iconConfig.brandlogo.footer")}}
|
|
4
|
-
{{> components/base/image/icon _icon=(configProperty "iconConfig.brandlogo.footer") _iconmap="logo" _addClass="inline-block w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg flex self-end invert-logo-footer"}}
|
|
4
|
+
{{> components/base/image/icon _icon=(configProperty "iconConfig.brandlogo.footer") _iconmap="logo" _addClass="inline-block w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg flex self-end invert-logo-footer fill-current text-footer-text"}}
|
|
5
5
|
{{else}}
|
|
6
6
|
{{> components/base/image/icon _icon="brandlogo--desk" _iconmap="logo" _addClass="inline-block bg-logo-footer rounded-logo-footer w-footer-logo md:w-footer-logo-md lg:w-footer-logo-lg h-footer-logo md:h-footer-logo-md lg:h-footer-logo-lg fill-current md:mt-2 lg:mt-1 md:flex invert-logo-footer text-footer-text"}}
|
|
7
7
|
{{/if}}
|