hr-design-system-handlebars 1.35.12 → 1.35.14
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/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 +15 -7
- package/dist/views/components/footer/page_footer_logo.hbs +1 -1
- package/dist/views/components/footer/page_footer_search.hbs +1 -1
- package/dist/views/components/site_header/navigation_search/quick_search_form.hbs +3 -3
- package/dist/views_static/components/footer/page_footer_logo.hbs +1 -1
- package/dist/views_static/components/footer/page_footer_search.hbs +1 -1
- package/dist/views_static/components/site_header/navigation_search/quick_search_form.hbs +3 -3
- 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/footer/page_footer_logo.hbs +1 -1
- package/src/stories/views/components/footer/page_footer_search.hbs +1 -1
- package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.35.14 (Fri Aug 11 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Footer Search: Suggestions open upward [#710](https://github.com/mumprod/hr-design-system-handlebars/pull/710) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
|
|
10
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
14
|
+
# v1.35.13 (Fri Aug 11 2023)
|
|
15
|
+
|
|
16
|
+
#### 🐛 Bug Fix
|
|
17
|
+
|
|
18
|
+
- Dpe 2259 7 some small fixes [#709](https://github.com/mumprod/hr-design-system-handlebars/pull/709) ([@StefanVesper](https://github.com/StefanVesper))
|
|
19
|
+
|
|
20
|
+
#### Authors: 1
|
|
21
|
+
|
|
22
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.35.12 (Thu Aug 10 2023)
|
|
2
27
|
|
|
3
28
|
#### 🐛 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
|
@@ -1745,6 +1745,9 @@ video {
|
|
|
1745
1745
|
.flex-col {
|
|
1746
1746
|
flex-direction: column;
|
|
1747
1747
|
}
|
|
1748
|
+
.flex-col-reverse {
|
|
1749
|
+
flex-direction: column-reverse;
|
|
1750
|
+
}
|
|
1748
1751
|
.flex-wrap {
|
|
1749
1752
|
flex-wrap: wrap;
|
|
1750
1753
|
}
|
|
@@ -1802,6 +1805,9 @@ video {
|
|
|
1802
1805
|
-moz-column-gap: 1.5rem;
|
|
1803
1806
|
column-gap: 1.5rem;
|
|
1804
1807
|
}
|
|
1808
|
+
.gap-y-1 {
|
|
1809
|
+
row-gap: 0.25rem;
|
|
1810
|
+
}
|
|
1805
1811
|
.gap-y-10 {
|
|
1806
1812
|
row-gap: 2.5rem;
|
|
1807
1813
|
}
|
|
@@ -3025,7 +3031,7 @@ video {
|
|
|
3025
3031
|
border-bottom-color: var(--color-secondary-ds);
|
|
3026
3032
|
}
|
|
3027
3033
|
.counter-reset {
|
|
3028
|
-
counter-reset:
|
|
3034
|
+
counter-reset: cnt1691756089196;
|
|
3029
3035
|
}
|
|
3030
3036
|
.hyphens-auto {
|
|
3031
3037
|
-webkit-hyphens: auto;
|
|
@@ -3260,7 +3266,7 @@ video {
|
|
|
3260
3266
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3261
3267
|
}
|
|
3262
3268
|
.-ordered {
|
|
3263
|
-
counter-increment:
|
|
3269
|
+
counter-increment: cnt1691756089196 1;
|
|
3264
3270
|
}
|
|
3265
3271
|
.-ordered::before {
|
|
3266
3272
|
position: absolute;
|
|
@@ -3276,7 +3282,7 @@ video {
|
|
|
3276
3282
|
letter-spacing: .0125em;
|
|
3277
3283
|
--tw-text-opacity: 1;
|
|
3278
3284
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3279
|
-
content: counter(
|
|
3285
|
+
content: counter(cnt1691756089196);
|
|
3280
3286
|
}
|
|
3281
3287
|
/*! ****************************/
|
|
3282
3288
|
/*! DataPolicy stuff */
|
|
@@ -3402,22 +3408,22 @@ video {
|
|
|
3402
3408
|
--logo-padding-top-lg: 10px;
|
|
3403
3409
|
--logo-padding-bottom-lg: 10px;
|
|
3404
3410
|
|
|
3405
|
-
/* Footer
|
|
3411
|
+
/* Footer Color Options */
|
|
3406
3412
|
--invert-logo-footer: 0;
|
|
3407
3413
|
--color-footer-text: white;
|
|
3408
3414
|
--color-footer-heading: white;
|
|
3409
3415
|
--color-footer-border: red;
|
|
3410
3416
|
--color-footer-bg: #005293;
|
|
3411
3417
|
|
|
3418
|
+
/* Footer Logo size Options */
|
|
3412
3419
|
--width-footer-logo: 135px;
|
|
3413
3420
|
--height-footer-logo: 75px;
|
|
3414
|
-
|
|
3415
3421
|
--width-footer-logo-md: 6.4375rem;
|
|
3416
3422
|
--height-footer-logo-md: 2.6875rem;
|
|
3417
|
-
|
|
3418
3423
|
--width-footer-logo-lg: 6.4375rem;
|
|
3419
3424
|
--height-footer-logo-lg: 2.6875rem;
|
|
3420
3425
|
|
|
3426
|
+
/* Footer padding : 132px when a radioplayer is used */
|
|
3421
3427
|
--footer-padding-bottom: 16px;
|
|
3422
3428
|
|
|
3423
3429
|
/*Hauptmenü*/
|
|
@@ -3680,6 +3686,8 @@ video {
|
|
|
3680
3686
|
--color-footer-heading:#000000;
|
|
3681
3687
|
|
|
3682
3688
|
--search-border-color-desktop: #276b9e;
|
|
3689
|
+
|
|
3690
|
+
--footer-padding-bottom: 132px;
|
|
3683
3691
|
|
|
3684
3692
|
/* Medieninhalte, Video, Audio, Bildergalerie */
|
|
3685
3693
|
--color-label-media: #276b9e;
|
|
@@ -4483,7 +4491,7 @@ video {
|
|
|
4483
4491
|
--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
4492
|
|
|
4485
4493
|
/* Footer Logo Invert */
|
|
4486
|
-
--invert-logo-footer:
|
|
4494
|
+
--invert-logo-footer: 0;
|
|
4487
4495
|
|
|
4488
4496
|
--color-footer-bg: #606060;
|
|
4489
4497
|
--color-footer-border: #007ea1;
|
|
@@ -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,7 +6,7 @@
|
|
|
6
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="flex
|
|
9
|
+
class="flex {{~#if _footer}} flex-col-reverse h-10 gap-y-1 {{else}} lg:h-10 {{/if}} w-full"
|
|
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 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
|
|
22
|
+
class="w-full px-2 {{~#if _footer}} py-3 {{else}} py-2 {{/if}} text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary 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="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10"
|
|
34
|
+
class="{{~#unless _footer}} absolute {{/unless}}left-0 w-auto min-w-full z-100 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"
|
|
@@ -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,7 +6,7 @@
|
|
|
6
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="flex
|
|
9
|
+
class="flex {{~#if _footer}} flex-col-reverse h-10 gap-y-1 {{else}} lg:h-10 {{/if}} w-full"
|
|
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 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
|
|
22
|
+
class="w-full px-2 {{~#if _footer}} py-3 {{else}} py-2 {{/if}} text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary 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="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10"
|
|
34
|
+
class="{{~#unless _footer}} absolute {{/unless}}left-0 w-auto min-w-full z-100 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"
|
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.14",
|
|
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;
|
|
@@ -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,7 +6,7 @@
|
|
|
6
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="flex
|
|
9
|
+
class="flex {{~#if _footer}} flex-col-reverse h-10 gap-y-1 {{else}} lg:h-10 {{/if}} w-full"
|
|
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 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
|
|
22
|
+
class="w-full px-2 {{~#if _footer}} py-3 {{else}} py-2 {{/if}} text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary 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="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10"
|
|
34
|
+
class="{{~#unless _footer}} absolute {{/unless}}left-0 w-auto min-w-full z-100 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"
|