hr-design-system-handlebars 1.24.3 → 1.24.5
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/index.css +15 -12
- package/dist/views/components/button/components/button_label.hbs +1 -1
- package/dist/views/components/button/utilities/button_dimension_classes.hbs +1 -1
- package/dist/views/components/pagination/pagination_button_left.hbs +2 -2
- package/dist/views/components/pagination/pagination_button_left_linked.hbs +2 -2
- package/dist/views/components/pagination/pagination_button_right.hbs +2 -2
- package/dist/views/components/pagination/pagination_button_right_linked.hbs +2 -2
- package/dist/views/components/pagination/pagination_current_page_invalid.hbs +7 -7
- package/dist/views/components/pagination/pagination_more_than_three_pages.hbs +19 -19
- package/dist/views/components/pagination/pagination_only_three_pages.hbs +31 -31
- package/dist/views/components/pagination/pagination_only_two_pages.hbs +10 -10
- package/dist/views/components/site_header/service_navigation/service_navigation_item.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/css/custom-utilities.css +2 -2
- package/src/assets/fixtures/site_header/serviceNavigation_mit_warnung.inc.json +13 -13
- package/src/stories/views/components/button/components/button_label.hbs +1 -1
- package/src/stories/views/components/button/utilities/button_dimension_classes.hbs +1 -1
- package/src/stories/views/components/page/page_pagination.stories.js +0 -4
- package/src/stories/views/components/pagination/pagination_button_left.hbs +2 -2
- package/src/stories/views/components/pagination/pagination_button_left_linked.hbs +2 -2
- package/src/stories/views/components/pagination/pagination_button_right.hbs +2 -2
- package/src/stories/views/components/pagination/pagination_button_right_linked.hbs +2 -2
- package/src/stories/views/components/pagination/pagination_current_page_invalid.hbs +7 -7
- package/src/stories/views/components/pagination/pagination_more_than_three_pages.hbs +19 -19
- package/src/stories/views/components/pagination/pagination_only_three_pages.hbs +31 -31
- package/src/stories/views/components/pagination/pagination_only_two_pages.hbs +10 -10
- package/src/stories/views/components/site_header/fixtures/site_header_mit_warnung.json +1 -1
- package/src/stories/views/components/site_header/fixtures/site_header_mit_warnung_no_sticky.json +1 -1
- package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs +1 -1
- package/tailwind.config.js +6 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.24.5 (Mon May 22 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- weather icon bug fixed [#643](https://github.com/mumprod/hr-design-system-handlebars/pull/643) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.24.4 (Wed May 17 2023)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- Paging auf Indexseiten in Storybook bauen - FIX PROBLEMS - DPE-2079 [#642](https://github.com/mumprod/hr-design-system-handlebars/pull/642) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.24.3 (Tue May 16 2023)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1477,6 +1477,15 @@ video {
|
|
|
1477
1477
|
.min-w-0 {
|
|
1478
1478
|
min-width: 0px;
|
|
1479
1479
|
}
|
|
1480
|
+
.min-w-10\.5 {
|
|
1481
|
+
min-width: 2.625rem;
|
|
1482
|
+
}
|
|
1483
|
+
.min-w-11\.5 {
|
|
1484
|
+
min-width: 2.875rem;
|
|
1485
|
+
}
|
|
1486
|
+
.min-w-7\.5 {
|
|
1487
|
+
min-width: 1.875rem;
|
|
1488
|
+
}
|
|
1480
1489
|
.max-w-3\/4 {
|
|
1481
1490
|
max-width: 75%;
|
|
1482
1491
|
}
|
|
@@ -2720,7 +2729,7 @@ video {
|
|
|
2720
2729
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2721
2730
|
}
|
|
2722
2731
|
.counter-reset {
|
|
2723
|
-
counter-reset:
|
|
2732
|
+
counter-reset: cnt1684763026968;
|
|
2724
2733
|
}
|
|
2725
2734
|
.hyphens-auto {
|
|
2726
2735
|
-webkit-hyphens: auto;
|
|
@@ -2792,12 +2801,6 @@ video {
|
|
|
2792
2801
|
/*! ********************************/
|
|
2793
2802
|
/*! Aspect Ratio with fallback end */
|
|
2794
2803
|
/*! ********************************/
|
|
2795
|
-
.-video-podcast,
|
|
2796
|
-
.-news,
|
|
2797
|
-
.-weather,
|
|
2798
|
-
.-traffic {
|
|
2799
|
-
fill: #ffffff;
|
|
2800
|
-
}
|
|
2801
2804
|
.grid-page {
|
|
2802
2805
|
grid-template-columns:
|
|
2803
2806
|
[full-start] minmax(0, 1fr)
|
|
@@ -2913,14 +2916,14 @@ video {
|
|
|
2913
2916
|
border-bottom-color: #ffffff;
|
|
2914
2917
|
}
|
|
2915
2918
|
}
|
|
2916
|
-
.-
|
|
2919
|
+
.-weather_warning {
|
|
2917
2920
|
--tw-text-opacity: 1 !important;
|
|
2918
2921
|
color: rgba(220, 38, 38, var(--tw-text-opacity)) !important;
|
|
2919
2922
|
}
|
|
2920
|
-
.-
|
|
2923
|
+
.-weather_warning {
|
|
2921
2924
|
fill: #000000;
|
|
2922
2925
|
}
|
|
2923
|
-
.-
|
|
2926
|
+
.-weather_warning svg {
|
|
2924
2927
|
fill: #000000 !important;
|
|
2925
2928
|
}
|
|
2926
2929
|
.link-focus-inset:focus-visible {
|
|
@@ -2962,7 +2965,7 @@ video {
|
|
|
2962
2965
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2963
2966
|
}
|
|
2964
2967
|
.-ordered {
|
|
2965
|
-
counter-increment:
|
|
2968
|
+
counter-increment: cnt1684763026968 1;
|
|
2966
2969
|
}
|
|
2967
2970
|
.-ordered::before {
|
|
2968
2971
|
position: absolute;
|
|
@@ -2978,7 +2981,7 @@ video {
|
|
|
2978
2981
|
letter-spacing: .0125em;
|
|
2979
2982
|
--tw-text-opacity: 1;
|
|
2980
2983
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2981
|
-
content: counter(
|
|
2984
|
+
content: counter(cnt1684763026968);
|
|
2982
2985
|
}
|
|
2983
2986
|
/*! ****************************/
|
|
2984
2987
|
/*! text-shadow */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<span class='ds-button-label {{
|
|
1
|
+
<span class='ds-button-label {{_css}}'>{{_label}}</span>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{{~inline-switch _size '["sm","md","lg"]' '[" px-2 py-0.5"," p-2"," px-4 py-2.5",""]'~}}
|
|
1
|
+
{{~inline-switch _size '["sm","md","lg"]' '[" px-2 py-0.5 min-w-7.5 justify-center"," p-2 min-w-10.5 justify-center"," px-4 py-2.5 min-w-11.5 justify-center",""]'~}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.previousItemLink _css="mr-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
4
4
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="ml-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
<nav class="flex flex-row content-center justify-center py-10" role="navigation" aria-label="Paginierung">
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex"></div>
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/link_button _size="
|
|
5
|
-
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
{{~#if _moreThanOnePage ~}}
|
|
8
8
|
{{~#unless _onlyTwoPages ~}}
|
|
9
9
|
{{~#if _onlyThreePages ~}}
|
|
10
|
-
{{#> components/button/link_button _size="
|
|
11
|
-
|
|
10
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOnePageItemLink _css="mr-1 ml-1"}}
|
|
11
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
12
12
|
{{/components/button/link_button}}
|
|
13
13
|
{{else}}
|
|
14
14
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
15
15
|
{{~/if~}}
|
|
16
16
|
{{~/unless~}}
|
|
17
|
-
{{#> components/button/link_button _size="
|
|
18
|
-
|
|
17
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
18
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
20
|
{{~/if~}}
|
|
21
21
|
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/link_button _size="
|
|
5
|
-
{{> components/button/components/button_label _label="1"}}
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
8
|
-
{{#> components/button/link_button _size="
|
|
9
|
-
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
8
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
9
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
10
10
|
{{/components/button/link_button}}
|
|
11
11
|
{{> components/pagination/pagination_button_right_linked }}
|
|
12
12
|
</div>
|
|
13
13
|
{{else}}
|
|
14
14
|
{{~#if _secondPage~}}
|
|
15
|
-
<div class="flex
|
|
15
|
+
<div class="flex">
|
|
16
16
|
{{> components/pagination/pagination_button_left_linked }}
|
|
17
|
-
{{#> components/button/link_button _size="
|
|
18
|
-
{{> components/button/components/button_label _label="1"}}
|
|
17
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
18
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
|
-
{{#> components/button/link_button _size="
|
|
21
|
-
{{> components/button/components/button_label _label="2"}}
|
|
20
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
21
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
22
22
|
{{/components/button/link_button}}
|
|
23
23
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
24
|
-
{{#> components/button/link_button _size="
|
|
25
|
-
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
24
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
25
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
26
26
|
{{/components/button/link_button}}
|
|
27
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
28
28
|
</div>
|
|
29
29
|
{{else}}
|
|
30
|
-
<div class="flex
|
|
30
|
+
<div class="flex">
|
|
31
31
|
{{> components/pagination/pagination_button_left_linked }}
|
|
32
|
-
{{#> components/button/link_button _size="
|
|
33
|
-
{{> components/button/components/button_label _label="1"}}
|
|
32
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
33
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
34
34
|
{{/components/button/link_button}}
|
|
35
35
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
36
|
-
{{#> components/button/link_button _size="
|
|
37
|
-
{{> components/button/components/button_label _label=../../_currentPage-adjust_context}}
|
|
36
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
37
|
+
{{> components/button/components/button_label _label=../../_currentPage-adjust_context _css=""}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
39
|
{{~#if _notLastPage~}}
|
|
40
40
|
{{~#if _notLastButOnePage~}}
|
|
41
41
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
42
42
|
{{~/if~}}
|
|
43
|
-
{{#> components/button/link_button _size="
|
|
44
|
-
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
43
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
44
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context _css=""}}
|
|
45
45
|
{{/components/button/link_button}}
|
|
46
46
|
{{~/if~}}
|
|
47
47
|
{{~#if _notLastPage~}}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
<div class="flex">
|
|
3
|
+
{{> components/pagination/pagination_button_left }}
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
|
+
{{/components/button/link_button}}
|
|
7
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="mr-1 ml-1"}}
|
|
8
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
9
|
+
{{/components/button/link_button}}
|
|
10
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
11
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
12
|
+
{{/components/button/link_button}}
|
|
13
|
+
{{> components/pagination/pagination_button_right_linked }}
|
|
14
14
|
</div>
|
|
15
15
|
{{else}}
|
|
16
16
|
{{~#if _secondPage~}}
|
|
17
|
-
<div class="flex
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
<div class="flex">
|
|
18
|
+
{{> components/pagination/pagination_button_left_linked }}
|
|
19
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
20
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
21
|
+
{{/components/button/link_button}}
|
|
22
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
23
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
24
|
+
{{/components/button/link_button}}
|
|
25
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
26
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
27
|
+
{{/components/button/link_button}}
|
|
28
|
+
{{> components/pagination/pagination_button_right_linked }}
|
|
29
29
|
</div>
|
|
30
30
|
{{else}}
|
|
31
|
-
<div class="flex
|
|
31
|
+
<div class="flex">
|
|
32
32
|
{{> components/pagination/pagination_button_left_linked }}
|
|
33
|
-
{{#> components/button/link_button _size="
|
|
34
|
-
{{> components/button/components/button_label _label="1"}}
|
|
33
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
34
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
35
35
|
{{/components/button/link_button}}
|
|
36
|
-
{{#> components/button/link_button _size="
|
|
37
|
-
{{> components/button/components/button_label _label="2"}}
|
|
36
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOneItemLink _css="mr-1 ml-1"}}
|
|
37
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
|
-
{{#> components/button/link_button _size="
|
|
40
|
-
{{> components/button/components/button_label _label="3"}}
|
|
39
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
40
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
41
41
|
{{/components/button/link_button}}
|
|
42
42
|
{{> components/pagination/pagination_button_right }}
|
|
43
43
|
</div>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/button _size="
|
|
5
|
-
{{> components/button/components/button_label _label="1"}}
|
|
4
|
+
{{#> components/button/button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
|
-
{{#> components/button/button _size="
|
|
8
|
-
{{> components/button/components/button_label _label="2"}}
|
|
7
|
+
{{#> components/button/button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
8
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
9
9
|
{{/components/button/button}}
|
|
10
10
|
{{> components/pagination/pagination_button_right_linked }}
|
|
11
11
|
</div>
|
|
12
12
|
{{else}}
|
|
13
|
-
<div class="flex
|
|
13
|
+
<div class="flex">
|
|
14
14
|
{{> components/pagination/pagination_button_left_linked }}
|
|
15
|
-
{{#> components/button/button _size="
|
|
16
|
-
{{> components/button/components/button_label _label="1"}}
|
|
15
|
+
{{#> components/button/button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
16
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
17
17
|
{{/components/button/button}}
|
|
18
|
-
{{#> components/button/button _size="
|
|
19
|
-
{{> components/button/components/button_label _label="2"}}
|
|
18
|
+
{{#> components/button/button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
19
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
20
20
|
{{/components/button/button}}
|
|
21
21
|
{{> components/pagination/pagination_button_right }}
|
|
22
22
|
</div>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#each this.navigationItems}}
|
|
2
|
-
<li class="sb-service-navigation-item {{
|
|
2
|
+
<li class="sb-service-navigation-item -{{this.id}} flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-white" >
|
|
3
3
|
{{#if this.subNavigation}}
|
|
4
4
|
<button
|
|
5
5
|
id="{{nextRandom}}"
|
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.24.
|
|
9
|
+
"version": "1.24.5",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -113,11 +113,11 @@
|
|
|
113
113
|
.-currentSection {
|
|
114
114
|
@apply relative before:absolute before:content-[''] before:w-0 before:h-0 before:mr-2 before:-ml-4 before:border-r-0 before:border-t-7 before:border-t-transparent before:border-l-8 before:border-l-white before:border-b-7 before:border-b-transparent before:mb-0.5 lg:before:absolute lg:before:mb-0 lg:before:w-0 lg:before:h-0 lg:before:mr-0 lg:before:ml-0 lg:before:border-t-0 lg:before:border-r-8 lg:before:border-r-transparent lg:before:border-l-8 lg:before:border-l-transparent lg:before:border-b-8 lg:before:border-b-white lg:before:mt-8;
|
|
115
115
|
}
|
|
116
|
-
.-
|
|
116
|
+
.-weather_warning {
|
|
117
117
|
@apply text-red-600 !important;
|
|
118
118
|
@apply fill-black;
|
|
119
119
|
}
|
|
120
|
-
.-
|
|
120
|
+
.-weather_warning svg {
|
|
121
121
|
@apply fill-black !important;
|
|
122
122
|
}
|
|
123
123
|
|
|
@@ -1,17 +1,4 @@
|
|
|
1
1
|
[
|
|
2
|
-
{
|
|
3
|
-
"navigationItems": [
|
|
4
|
-
{
|
|
5
|
-
"id": "warnung",
|
|
6
|
-
"text": "Warnung!",
|
|
7
|
-
"icon": "unwetterwarnungen",
|
|
8
|
-
"isCluster": false,
|
|
9
|
-
"url": "https://www.unwetterwarnungen.de",
|
|
10
|
-
"subNavigation": false,
|
|
11
|
-
"extern": false
|
|
12
|
-
}
|
|
13
|
-
]
|
|
14
|
-
},
|
|
15
2
|
{
|
|
16
3
|
"navigationItems": [
|
|
17
4
|
{
|
|
@@ -220,6 +207,19 @@
|
|
|
220
207
|
}
|
|
221
208
|
]
|
|
222
209
|
},
|
|
210
|
+
{
|
|
211
|
+
"navigationItems": [
|
|
212
|
+
{
|
|
213
|
+
"id": "weather_warning",
|
|
214
|
+
"text": "Warnung!",
|
|
215
|
+
"icon": "unwetterwarnungen",
|
|
216
|
+
"isCluster": false,
|
|
217
|
+
"url": "https://www.unwetterwarnungen.de",
|
|
218
|
+
"subNavigation": false,
|
|
219
|
+
"extern": false
|
|
220
|
+
}
|
|
221
|
+
]
|
|
222
|
+
},
|
|
223
223
|
{
|
|
224
224
|
"navigationItems": [
|
|
225
225
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<span class='ds-button-label {{
|
|
1
|
+
<span class='ds-button-label {{_css}}'>{{_label}}</span>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{{~inline-switch _size '["sm","md","lg"]' '[" px-2 py-0.5"," p-2"," px-4 py-2.5",""]'~}}
|
|
1
|
+
{{~inline-switch _size '["sm","md","lg"]' '[" px-2 py-0.5 min-w-7.5 justify-center"," p-2 min-w-10.5 justify-center"," px-4 py-2.5 min-w-11.5 justify-center",""]'~}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.previousItemLink _css="mr-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
4
4
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
{{#> components/button/link_button _size="
|
|
2
|
-
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
1
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="ml-1"}}
|
|
2
|
+
{{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
|
|
3
3
|
{{/components/button/link_button}}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
<nav class="flex flex-row content-center justify-center py-10" role="navigation" aria-label="Paginierung">
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex"></div>
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/link_button _size="
|
|
5
|
-
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
{{~#if _moreThanOnePage ~}}
|
|
8
8
|
{{~#unless _onlyTwoPages ~}}
|
|
9
9
|
{{~#if _onlyThreePages ~}}
|
|
10
|
-
{{#> components/button/link_button _size="
|
|
11
|
-
|
|
10
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOnePageItemLink _css="mr-1 ml-1"}}
|
|
11
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
12
12
|
{{/components/button/link_button}}
|
|
13
13
|
{{else}}
|
|
14
14
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
15
15
|
{{~/if~}}
|
|
16
16
|
{{~/unless~}}
|
|
17
|
-
{{#> components/button/link_button _size="
|
|
18
|
-
|
|
17
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
18
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
20
|
{{~/if~}}
|
|
21
21
|
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/link_button _size="
|
|
5
|
-
{{> components/button/components/button_label _label="1"}}
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
8
|
-
{{#> components/button/link_button _size="
|
|
9
|
-
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
8
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
9
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
10
10
|
{{/components/button/link_button}}
|
|
11
11
|
{{> components/pagination/pagination_button_right_linked }}
|
|
12
12
|
</div>
|
|
13
13
|
{{else}}
|
|
14
14
|
{{~#if _secondPage~}}
|
|
15
|
-
<div class="flex
|
|
15
|
+
<div class="flex">
|
|
16
16
|
{{> components/pagination/pagination_button_left_linked }}
|
|
17
|
-
{{#> components/button/link_button _size="
|
|
18
|
-
{{> components/button/components/button_label _label="1"}}
|
|
17
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
18
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
|
-
{{#> components/button/link_button _size="
|
|
21
|
-
{{> components/button/components/button_label _label="2"}}
|
|
20
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
21
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
22
22
|
{{/components/button/link_button}}
|
|
23
23
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
24
|
-
{{#> components/button/link_button _size="
|
|
25
|
-
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
24
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
25
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
26
26
|
{{/components/button/link_button}}
|
|
27
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
28
28
|
</div>
|
|
29
29
|
{{else}}
|
|
30
|
-
<div class="flex
|
|
30
|
+
<div class="flex">
|
|
31
31
|
{{> components/pagination/pagination_button_left_linked }}
|
|
32
|
-
{{#> components/button/link_button _size="
|
|
33
|
-
{{> components/button/components/button_label _label="1"}}
|
|
32
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
33
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
34
34
|
{{/components/button/link_button}}
|
|
35
35
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
36
|
-
{{#> components/button/link_button _size="
|
|
37
|
-
{{> components/button/components/button_label _label=_currentPage-adjust_context}}
|
|
36
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
37
|
+
{{> components/button/components/button_label _label=_currentPage-adjust_context _css=""}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
39
|
{{~#if _notLastPage~}}
|
|
40
40
|
{{~#if _notLastButOnePage~}}
|
|
41
41
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
42
42
|
{{~/if~}}
|
|
43
|
-
{{#> components/button/link_button _size="
|
|
44
|
-
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
43
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
44
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context _css=""}}
|
|
45
45
|
{{/components/button/link_button}}
|
|
46
46
|
{{~/if~}}
|
|
47
47
|
{{~#if _notLastPage~}}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
2
|
+
<div class="flex">
|
|
3
|
+
{{> components/pagination/pagination_button_left }}
|
|
4
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
|
+
{{/components/button/link_button}}
|
|
7
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="mr-1 ml-1"}}
|
|
8
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
9
|
+
{{/components/button/link_button}}
|
|
10
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
11
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
12
|
+
{{/components/button/link_button}}
|
|
13
|
+
{{> components/pagination/pagination_button_right_linked }}
|
|
14
14
|
</div>
|
|
15
15
|
{{else}}
|
|
16
16
|
{{~#if _secondPage~}}
|
|
17
|
-
<div class="flex
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
<div class="flex">
|
|
18
|
+
{{> components/pagination/pagination_button_left_linked }}
|
|
19
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
20
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
21
|
+
{{/components/button/link_button}}
|
|
22
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
23
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
24
|
+
{{/components/button/link_button}}
|
|
25
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
26
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
27
|
+
{{/components/button/link_button}}
|
|
28
|
+
{{> components/pagination/pagination_button_right_linked }}
|
|
29
29
|
</div>
|
|
30
30
|
{{else}}
|
|
31
|
-
<div class="flex
|
|
31
|
+
<div class="flex">
|
|
32
32
|
{{> components/pagination/pagination_button_left_linked }}
|
|
33
|
-
{{#> components/button/link_button _size="
|
|
34
|
-
{{> components/button/components/button_label _label="1"}}
|
|
33
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
34
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
35
35
|
{{/components/button/link_button}}
|
|
36
|
-
{{#> components/button/link_button _size="
|
|
37
|
-
{{> components/button/components/button_label _label="2"}}
|
|
36
|
+
{{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOneItemLink _css="mr-1 ml-1"}}
|
|
37
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
|
-
{{#> components/button/link_button _size="
|
|
40
|
-
{{> components/button/components/button_label _label="3"}}
|
|
39
|
+
{{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
40
|
+
{{> components/button/components/button_label _label="3" _css=""}}
|
|
41
41
|
{{/components/button/link_button}}
|
|
42
42
|
{{> components/pagination/pagination_button_right }}
|
|
43
43
|
</div>
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
{{~#if _firstPage~}}
|
|
2
|
-
<div class="flex
|
|
2
|
+
<div class="flex">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
|
-
{{#> components/button/button _size="
|
|
5
|
-
{{> components/button/components/button_label _label="1"}}
|
|
4
|
+
{{#> components/button/button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
5
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
|
-
{{#> components/button/button _size="
|
|
8
|
-
{{> components/button/components/button_label _label="2"}}
|
|
7
|
+
{{#> components/button/button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
|
|
8
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
9
9
|
{{/components/button/button}}
|
|
10
10
|
{{> components/pagination/pagination_button_right_linked }}
|
|
11
11
|
</div>
|
|
12
12
|
{{else}}
|
|
13
|
-
<div class="flex
|
|
13
|
+
<div class="flex">
|
|
14
14
|
{{> components/pagination/pagination_button_left_linked }}
|
|
15
|
-
{{#> components/button/button _size="
|
|
16
|
-
{{> components/button/components/button_label _label="1"}}
|
|
15
|
+
{{#> components/button/button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
|
|
16
|
+
{{> components/button/components/button_label _label="1" _css=""}}
|
|
17
17
|
{{/components/button/button}}
|
|
18
|
-
{{#> components/button/button _size="
|
|
19
|
-
{{> components/button/components/button_label _label="2"}}
|
|
18
|
+
{{#> components/button/button _size="md" _variant="primary" _css="mr-1 ml-1"}}
|
|
19
|
+
{{> components/button/components/button_label _label="2" _css=""}}
|
|
20
20
|
{{/components/button/button}}
|
|
21
21
|
{{> components/pagination/pagination_button_right }}
|
|
22
22
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"hasOpenSubNavigation":false,"_useSticky":true,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"
|
|
1
|
+
{"hasOpenSubNavigation":false,"_useSticky":true,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"video-podcast","text":"Video & Podcast","icon":"videopodcast-ds","flyoutStartLinkText":"Übersicht Video & Podcast","selected":false,"isCluster":false,"url":"https://www.video-podcast.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Aktuelle Sendung","text":"Aktuelle Sendung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Archiv - alle Sendungen","text":"Archiv - alle Sendungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Newsflash","text":"Newsflash","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"DAS THEMA","text":"DAS THEMA","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Die hessenschau in 100 Sekunden","text":"Die hessenschau in 100 Sekunden","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Podcasts","text":"Podcasts","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"hessenschau in der ARD Mediathek","text":"hessenschau in der ARD Mediathek","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}],[{"title":"hessenschau auf YouTube","text":"hessenschau auf YouTube","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Livestream hr-fernsehen","text":"Livestream hr-fernsehen","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"weather","text":"Wetter","icon":"wetter-ds","flyoutStartLinkText":"Übersicht Wetter","url":"https://www.weather.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Unwetterwarnungen","text":"Unwetterwarnungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Regenradar","text":"Regenradar","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wolkenfilm","text":"Wolkenfilm","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Messwerte","text":"Messwerte","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterkameras","text":"Wetterkameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterbilder-Galerie","text":"Wetterbilder-Galerie","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"mehr Wetter","text":"mehr Wetter","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}],[{"title":"Thema des Tages","text":"Thema des Tages","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Foto einsenden","text":"Foto einsenden","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"weather_warning","text":"Warnung!","icon":"unwetterwarnungen","isCluster":false,"url":"https://www.unwetterwarnungen.de","subNavigation":false,"extern":false}]},{"navigationItems":[{"id":"traffic","text":"Verkehr","icon":"verkehr-ds","flyoutStartLinkText":"Übersicht Verkehr","url":"https://www.traffic.de","subNavigation":{"showAsFlyout":true,"columnCount":"1","items":false,"columns":[[{"title":"Verkehrskameras","text":"Verkehrskameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Blitzer","text":"Blitzer","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Schulausfälle","text":"Schulausfälle","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Flugpläne Frankfurt / Parkhausbelegung","text":"Flugpläne Frankfurt / Parkhausbelegung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Werden Sie hr-Staureporter!","text":"Werden Sie hr-Staureporter!","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]}}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hessenschau","text":"Start","hiddenText":"hessenschau","url":"index.html","labelText":"Startseite der hessenschau","subNavigationFromIndex":true,"selected":true}]},{"navigationItems":[{"name":"regionen","text":"Regionen","url":"rheinmain/index.html","isCluster":"true","subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Nordhessen","text":"Nordhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Osthessen","text":"Osthessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mittelhessen","text":"Mittelhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Rhein-Main","text":"Rhein-Main","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Südhessen","text":"Südhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]},"clusterItems":[{"name":"nordhessen","text":"Nordhessen","url":"nordhessen/index.html"},{"name":"osthessen","text":"Osthessen","url":"osthessen/index.html"},{"name":"mittelhessen","text":"Mittelhessen","url":"mittelhessen/index.html"},{"name":"rheinmain","text":"Rhein-Main","url":"rheinmain/index.html"},{"name":"suedhessen","text":"Südhessen","url":"suedhessen/index.html"}]}]},{"navigationItems":[{"name":"politik","text":"Politik","url":"politik/index.html","qualifiedRelatedContentOn404":true,"isCluster":false,"subNavigation":{"showAsFlyout":false,"columnCount":"1","columns":[{"title":"Bundestagswahl 2021","text":"Bundestagswahl 2021","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Landtag","text":"Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos aus dem Landtag","text":"Videos aus dem Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wahlen","text":"Wahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Direktwahlen","text":"Direktwahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"gesellschaft","text":"Gesellschaft","url":"gesellschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"wirtschaft","text":"Wirtschaft","url":"wirtschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"kultur","text":"Kultur","url":"kultur/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"sport","text":"Sport","url":"sport/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"panorama","text":"Panorama","url":"panorama/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"freizeit","text":"Freizeit","url":"freizeit/index.html","qualifiedRelatedContentOn404":true}]}]}
|
package/src/stories/views/components/site_header/fixtures/site_header_mit_warnung_no_sticky.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"hasOpenSubNavigation":false,"_useSticky":false,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"
|
|
1
|
+
{"hasOpenSubNavigation":false,"_useSticky":false,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"video-podcast","text":"Video & Podcast","icon":"videopodcast-ds","flyoutStartLinkText":"Übersicht Video & Podcast","selected":false,"isCluster":false,"url":"https://www.video-podcast.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Aktuelle Sendung","text":"Aktuelle Sendung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Archiv - alle Sendungen","text":"Archiv - alle Sendungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Newsflash","text":"Newsflash","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"DAS THEMA","text":"DAS THEMA","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Die hessenschau in 100 Sekunden","text":"Die hessenschau in 100 Sekunden","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Podcasts","text":"Podcasts","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"hessenschau in der ARD Mediathek","text":"hessenschau in der ARD Mediathek","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}],[{"title":"hessenschau auf YouTube","text":"hessenschau auf YouTube","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Livestream hr-fernsehen","text":"Livestream hr-fernsehen","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"weather","text":"Wetter","icon":"wetter-ds","flyoutStartLinkText":"Übersicht Wetter","url":"https://www.weather.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Unwetterwarnungen","text":"Unwetterwarnungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Regenradar","text":"Regenradar","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wolkenfilm","text":"Wolkenfilm","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Messwerte","text":"Messwerte","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterkameras","text":"Wetterkameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterbilder-Galerie","text":"Wetterbilder-Galerie","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"mehr Wetter","text":"mehr Wetter","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}],[{"title":"Thema des Tages","text":"Thema des Tages","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Foto einsenden","text":"Foto einsenden","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"weather_warning","text":"Warnung!","icon":"unwetterwarnungen","isCluster":false,"url":"https://www.unwetterwarnungen.de","subNavigation":false,"extern":false}]},{"navigationItems":[{"id":"traffic","text":"Verkehr","icon":"verkehr-ds","flyoutStartLinkText":"Übersicht Verkehr","url":"https://www.traffic.de","subNavigation":{"showAsFlyout":true,"columnCount":"1","items":false,"columns":[[{"title":"Verkehrskameras","text":"Verkehrskameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Blitzer","text":"Blitzer","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Schulausfälle","text":"Schulausfälle","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Flugpläne Frankfurt / Parkhausbelegung","text":"Flugpläne Frankfurt / Parkhausbelegung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Werden Sie hr-Staureporter!","text":"Werden Sie hr-Staureporter!","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]}}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hessenschau","text":"Start","hiddenText":"hessenschau","url":"index.html","labelText":"Startseite der hessenschau","subNavigationFromIndex":true,"selected":true}]},{"navigationItems":[{"name":"regionen","text":"Regionen","url":"rheinmain/index.html","isCluster":"true","subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Nordhessen","text":"Nordhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Osthessen","text":"Osthessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mittelhessen","text":"Mittelhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Rhein-Main","text":"Rhein-Main","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Südhessen","text":"Südhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]},"clusterItems":[{"name":"nordhessen","text":"Nordhessen","url":"nordhessen/index.html"},{"name":"osthessen","text":"Osthessen","url":"osthessen/index.html"},{"name":"mittelhessen","text":"Mittelhessen","url":"mittelhessen/index.html"},{"name":"rheinmain","text":"Rhein-Main","url":"rheinmain/index.html"},{"name":"suedhessen","text":"Südhessen","url":"suedhessen/index.html"}]}]},{"navigationItems":[{"name":"politik","text":"Politik","url":"politik/index.html","qualifiedRelatedContentOn404":true,"isCluster":false,"subNavigation":{"showAsFlyout":false,"columnCount":"1","columns":[{"title":"Bundestagswahl 2021","text":"Bundestagswahl 2021","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Landtag","text":"Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos aus dem Landtag","text":"Videos aus dem Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wahlen","text":"Wahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Direktwahlen","text":"Direktwahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"gesellschaft","text":"Gesellschaft","url":"gesellschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"wirtschaft","text":"Wirtschaft","url":"wirtschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"kultur","text":"Kultur","url":"kultur/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"sport","text":"Sport","url":"sport/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"panorama","text":"Panorama","url":"panorama/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"freizeit","text":"Freizeit","url":"freizeit/index.html","qualifiedRelatedContentOn404":true}]}]}
|
package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{{#each this.navigationItems}}
|
|
2
|
-
<li class="sb-service-navigation-item {{
|
|
2
|
+
<li class="sb-service-navigation-item -{{this.id}} flex flex-col h-10 lg:h-15 md:h-full w-full tablet:first:border-l border-r last:border-r-0 lg:border-r-0 text-white" >
|
|
3
3
|
{{#if this.subNavigation}}
|
|
4
4
|
<button
|
|
5
5
|
id="{{nextRandom}}"
|
package/tailwind.config.js
CHANGED
|
@@ -6,7 +6,7 @@ module.exports = {
|
|
|
6
6
|
experimental: {
|
|
7
7
|
optimizeUniversalDefaults: true,
|
|
8
8
|
},
|
|
9
|
-
safelist: ['mt-12', 'bg-gray-100'],
|
|
9
|
+
safelist: ['mt-12', 'bg-gray-100', '-weather_warning'],
|
|
10
10
|
content: [
|
|
11
11
|
'./src/stories/*.mdx',
|
|
12
12
|
'./src/stories/views/**/*.{mdx,hbs,js}',
|
|
@@ -153,6 +153,11 @@ module.exports = {
|
|
|
153
153
|
'1/1': '100%',
|
|
154
154
|
'main-col': '63rem',
|
|
155
155
|
},
|
|
156
|
+
minWidth: {
|
|
157
|
+
'7.5' :'1.875rem',
|
|
158
|
+
'10.5' :'2.625rem',
|
|
159
|
+
'11.5' :'2.875rem',
|
|
160
|
+
},
|
|
156
161
|
margin: {
|
|
157
162
|
'13': '3.125rem',
|
|
158
163
|
'13-2': '3.375rem',
|