hr-design-system-handlebars 0.109.0 → 0.110.1
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 +6 -14
- package/dist/views/components/content_nav/content_nav.hbs +6 -11
- package/dist/views/components/content_nav/content_nav_container.hbs +2 -1
- package/dist/views/components/content_nav/content_nav_dropdown.hbs +2 -2
- package/dist/views/components/content_nav/content_nav_list.hbs +1 -1
- package/dist/views/components/teaser/content_nav/teaser_content_nav.hbs +1 -1
- package/dist/views/components/teaser/group_teaser/group_teaser_accented.hbs +7 -12
- package/package.json +1 -1
- package/src/stories/views/components/content_nav/content_nav.hbs +6 -11
- package/src/stories/views/components/content_nav/content_nav_container.hbs +2 -1
- package/src/stories/views/components/content_nav/content_nav_dropdown.hbs +2 -2
- package/src/stories/views/components/content_nav/content_nav_list.hbs +1 -1
- package/src/stories/views/components/teaser/content_nav/teaser_content_nav.hbs +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif.json +1 -1
- package/src/stories/views/components/teaser/group_teaser/group_teaser_accented.hbs +7 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v0.110.1 (Thu Dec 15 2022)
|
|
2
|
+
|
|
3
|
+
#### ⚠️ Pushed to `main`
|
|
4
|
+
|
|
5
|
+
- Changing flag "isMobile1to1" to false ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v0.110.0 (Wed Dec 14 2022)
|
|
14
|
+
|
|
15
|
+
#### 🚀 Enhancement
|
|
16
|
+
|
|
17
|
+
- Dpe 1715 akzentuiergruppe 3 [#440](https://github.com/mumprod/hr-design-system-handlebars/pull/440) ([@StefanVesper](https://github.com/StefanVesper))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v0.109.0 (Wed Dec 14 2022)
|
|
2
26
|
|
|
3
27
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -673,9 +673,6 @@ video {
|
|
|
673
673
|
.relative {
|
|
674
674
|
position: relative;
|
|
675
675
|
}
|
|
676
|
-
.\!relative {
|
|
677
|
-
position: relative !important;
|
|
678
|
-
}
|
|
679
676
|
.sticky {
|
|
680
677
|
position: -webkit-sticky;
|
|
681
678
|
position: sticky;
|
|
@@ -805,10 +802,6 @@ video {
|
|
|
805
802
|
margin-left: 0.25rem;
|
|
806
803
|
margin-right: 0.25rem;
|
|
807
804
|
}
|
|
808
|
-
.my-0 {
|
|
809
|
-
margin-top: 0px;
|
|
810
|
-
margin-bottom: 0px;
|
|
811
|
-
}
|
|
812
805
|
.my-4 {
|
|
813
806
|
margin-top: 1rem;
|
|
814
807
|
margin-bottom: 1rem;
|
|
@@ -1790,6 +1783,9 @@ video {
|
|
|
1790
1783
|
.pb-4 {
|
|
1791
1784
|
padding-bottom: 1rem;
|
|
1792
1785
|
}
|
|
1786
|
+
.pt-0 {
|
|
1787
|
+
padding-top: 0px;
|
|
1788
|
+
}
|
|
1793
1789
|
.pt-5 {
|
|
1794
1790
|
padding-top: 1.25rem;
|
|
1795
1791
|
}
|
|
@@ -2212,7 +2208,7 @@ video {
|
|
|
2212
2208
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2213
2209
|
}
|
|
2214
2210
|
.counter-reset {
|
|
2215
|
-
counter-reset:
|
|
2211
|
+
counter-reset: cnt1671101877336;
|
|
2216
2212
|
}
|
|
2217
2213
|
.line-clamp-4 {
|
|
2218
2214
|
overflow: hidden;
|
|
@@ -2444,7 +2440,7 @@ video {
|
|
|
2444
2440
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2445
2441
|
}
|
|
2446
2442
|
.-ordered {
|
|
2447
|
-
counter-increment:
|
|
2443
|
+
counter-increment: cnt1671101877336 1;
|
|
2448
2444
|
}
|
|
2449
2445
|
.-ordered::before {
|
|
2450
2446
|
position: absolute;
|
|
@@ -2460,7 +2456,7 @@ video {
|
|
|
2460
2456
|
letter-spacing: .0125em;
|
|
2461
2457
|
--tw-text-opacity: 1;
|
|
2462
2458
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2463
|
-
content: counter(
|
|
2459
|
+
content: counter(cnt1671101877336);
|
|
2464
2460
|
}
|
|
2465
2461
|
/*! ****************************/
|
|
2466
2462
|
/*! text-shadow */
|
|
@@ -3874,10 +3870,6 @@ video {
|
|
|
3874
3870
|
padding: 2.5rem;
|
|
3875
3871
|
}
|
|
3876
3872
|
|
|
3877
|
-
.md\:p-4 {
|
|
3878
|
-
padding: 1rem;
|
|
3879
|
-
}
|
|
3880
|
-
|
|
3881
3873
|
.md\:\!px-0 {
|
|
3882
3874
|
padding-left: 0px !important;
|
|
3883
3875
|
padding-right: 0px !important;
|
|
@@ -15,17 +15,12 @@
|
|
|
15
15
|
_buttonText=(defaultIfEmpty this.selectedItem.title ../../title)
|
|
16
16
|
_hiddenNavigationLabel="Unternavigation"
|
|
17
17
|
}}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{{> components/content_nav/content_nav_container
|
|
25
|
-
_teasersize=_teasersize
|
|
26
|
-
_maindivclass="relative flex flex-col w-full mt-0"
|
|
27
|
-
}}
|
|
28
|
-
{{/if}}
|
|
18
|
+
|
|
19
|
+
{{> components/content_nav/content_nav_container
|
|
20
|
+
_teasersize=_teasersize
|
|
21
|
+
_maindivclass="flex flex-col w-full mt-0"
|
|
22
|
+
}}
|
|
23
|
+
|
|
29
24
|
{{/decorator}}
|
|
30
25
|
{{/if}}
|
|
31
26
|
{{/with}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
<div x-cloak class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}}
|
|
1
|
+
<div x-cloak class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}}relative {{else}}absolute{{/if}}"
|
|
2
2
|
@click.outside ="contentNavDropdownIsOpen = false; console.log('clicked outside')"
|
|
3
|
+
|
|
3
4
|
{{#if this.isAutosuggest}}
|
|
4
5
|
data-hr-auto-suggest='{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}'
|
|
5
6
|
{{/if}}
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
</div>
|
|
30
30
|
<div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
|
|
31
31
|
aria-haspopup="true"
|
|
32
|
-
:class="contentNavDropdownIsOpen ? 'z-9999
|
|
33
|
-
class="{{#if this.isDropdown}} mx-2 md:mx-0 {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
|
|
32
|
+
:class="contentNavDropdownIsOpen ? 'z-9999 relative' : ' z-1003'"
|
|
33
|
+
class="{{#if this.isDropdown}} mx-2 md:mx-0 bla {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
|
|
34
34
|
{{~decorator_body~}}
|
|
35
35
|
</div>
|
|
36
36
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<ul class="
|
|
1
|
+
<ul class="flex bg-white md:bg-transparent flex-wrap {{#if this.isListOrFlow}} w-full gap-x-2 gap-y-2 {{else}} {{/if}} z-1003 md:!px-0 last:border-b-0 {{#if this.isDropdown }} w-full {{/if}}"
|
|
2
2
|
:class="( ({{this.isMixed}} && {{_teasersize}} < 50 ) || ( {{this.isMixed}} && window.innerWidth < 768 ) || {{this.isDropdown}} ) && contentNavDropdownIsOpen == true ? '!shadow-[1px_8px_9px_0px_rgba(50,50,93,0.10)] mt-0 w-full ' : ''"
|
|
3
3
|
>
|
|
4
4
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
ax-load
|
|
4
4
|
ax-load-src={{resourceUrl "assets/js/vendor/content_nav.alpine.js"}}
|
|
5
5
|
x-data="contentNavigationHandler()"
|
|
6
|
-
class="js-contentNavWrapper col-span-
|
|
6
|
+
class="js-contentNavWrapper col-span-full flex gap-y-3 gap-x-4 js-load {{inline-switch this.teasersize '["100","66","50","33","25"]' '["flex-col","md:col-span-9 md:flex-row ","md:col-span-6 md:flex-row "," md:col-span-4 md:flex-row "," md:col-span-3 md:flex-row "]'}}"
|
|
7
7
|
>
|
|
8
8
|
{{> components/content_nav/content_nav _teasersize=this.teasersize }}
|
|
9
9
|
</div>
|
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
{{#>components/grid/grid_group size=this.
|
|
2
|
-
|
|
3
|
-
<div class="h-auto col-span-12 p-8 mx-4 rounded-tr-none rounded-bl-none bg-highlight-1 rounded-3xl">
|
|
1
|
+
{{#>components/grid/grid_group size=this.teasersize _backgroundColor=this.backgroundColor }}
|
|
4
2
|
|
|
3
|
+
<div class="h-auto p-8 mx-4 rounded-tr-none rounded-bl-none bg-highlight-1 rounded-3xl col-span-full {{inline-switch size '["100","50"]' '["","md:col-span-6"]'}}">
|
|
5
4
|
{{~#if this.hasGroupTitle}}
|
|
6
|
-
<h2 class="text-2xl md:text-4xl col-span-full
|
|
5
|
+
<h2 class="text-2xl md:text-4xl col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
|
|
7
6
|
{{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
|
|
8
|
-
|
|
7
|
+
{{this.groupTitle}}
|
|
9
8
|
{{~#if this.hasLink}}</a>{{/if~}}
|
|
10
9
|
</h2>
|
|
11
10
|
{{/if}}
|
|
12
|
-
|
|
13
|
-
</div>
|
|
14
|
-
<div class="h-auto col-span-12 p-2 mx-4 my-0 -mt-10 rounded-tr-none rounded-bl-none md:p-4 bg-highlight-1 rounded-3xl">
|
|
15
|
-
|
|
16
11
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
|
|
20
15
|
{{/components/grid/grid_group}}
|
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": "0.
|
|
9
|
+
"version": "0.110.1",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -15,17 +15,12 @@
|
|
|
15
15
|
_buttonText=(defaultIfEmpty this.selectedItem.title ../../title)
|
|
16
16
|
_hiddenNavigationLabel="Unternavigation"
|
|
17
17
|
}}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{{> components/content_nav/content_nav_container
|
|
25
|
-
_teasersize=_teasersize
|
|
26
|
-
_maindivclass="relative flex flex-col w-full mt-0"
|
|
27
|
-
}}
|
|
28
|
-
{{/if}}
|
|
18
|
+
|
|
19
|
+
{{> components/content_nav/content_nav_container
|
|
20
|
+
_teasersize=_teasersize
|
|
21
|
+
_maindivclass="flex flex-col w-full mt-0"
|
|
22
|
+
}}
|
|
23
|
+
|
|
29
24
|
{{/decorator}}
|
|
30
25
|
{{/if}}
|
|
31
26
|
{{/with}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
<div x-cloak class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}}
|
|
1
|
+
<div x-cloak class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}}relative {{else}}absolute{{/if}}"
|
|
2
2
|
@click.outside ="contentNavDropdownIsOpen = false; console.log('clicked outside')"
|
|
3
|
+
|
|
3
4
|
{{#if this.isAutosuggest}}
|
|
4
5
|
data-hr-auto-suggest='{"filterGroupsSelector":".c-content-nav__group", "filterElementSelector":".c-content-nav__item", "filterTextSelector":".js-title", "inputElementSelector":".js-autosuggest-input", "matchedClass":"", "unmatchedClass":"hidden"}'
|
|
5
6
|
{{/if}}
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
</div>
|
|
30
30
|
<div x-show="shouldContentBeShown({{_teasersize}},{{this.isDropdown}},{{this.isMixed}})"
|
|
31
31
|
aria-haspopup="true"
|
|
32
|
-
:class="contentNavDropdownIsOpen ? 'z-9999
|
|
33
|
-
class="{{#if this.isDropdown}} mx-2 md:mx-0 {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
|
|
32
|
+
:class="contentNavDropdownIsOpen ? 'z-9999 relative' : ' z-1003'"
|
|
33
|
+
class="{{#if this.isDropdown}} mx-2 md:mx-0 bla {{else}}{{#if this.isMixed}} mx-2 {{/if}} mx-2 {{/if}} md:h-auto md:overflow-visible">
|
|
34
34
|
{{~decorator_body~}}
|
|
35
35
|
</div>
|
|
36
36
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<ul class="
|
|
1
|
+
<ul class="flex bg-white md:bg-transparent flex-wrap {{#if this.isListOrFlow}} w-full gap-x-2 gap-y-2 {{else}} {{/if}} z-1003 md:!px-0 last:border-b-0 {{#if this.isDropdown }} w-full {{/if}}"
|
|
2
2
|
:class="( ({{this.isMixed}} && {{_teasersize}} < 50 ) || ( {{this.isMixed}} && window.innerWidth < 768 ) || {{this.isDropdown}} ) && contentNavDropdownIsOpen == true ? '!shadow-[1px_8px_9px_0px_rgba(50,50,93,0.10)] mt-0 w-full ' : ''"
|
|
3
3
|
>
|
|
4
4
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
ax-load
|
|
4
4
|
ax-load-src={{resourceUrl "assets/js/vendor/content_nav.alpine.js"}}
|
|
5
5
|
x-data="contentNavigationHandler()"
|
|
6
|
-
class="js-contentNavWrapper col-span-
|
|
6
|
+
class="js-contentNavWrapper col-span-full flex gap-y-3 gap-x-4 js-load {{inline-switch this.teasersize '["100","66","50","33","25"]' '["flex-col","md:col-span-9 md:flex-row ","md:col-span-6 md:flex-row "," md:col-span-4 md:flex-row "," md:col-span-3 md:flex-row "]'}}"
|
|
7
7
|
>
|
|
8
8
|
{{> components/content_nav/content_nav _teasersize=this.teasersize }}
|
|
9
9
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative-ds","teaserSize":"100","isMobile1to1":
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative-ds","teaserSize":"100","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-16to9__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium__extended.jpg 640w, images/rueckkehr-nach-abschiebung-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative-ds","teaserSize":"50","isMobile1to1":
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative-ds","teaserSize":"50","isMobile1to1":true,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"300px","srcset":"images/rueckkehr-nach-abschiebung-102_v-1to1__small.jpg 380w, images/rueckkehr-nach-abschiebung-102_v-1to1__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-1to1.jpg 720w, images/rueckkehr-nach-abschiebung-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"240px","srcset":"images/rueckkehr-nach-abschiebung-102_v-16to9__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium__extended.jpg 640w, images/rueckkehr-nach-abschiebung-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}
|
|
@@ -1,20 +1,15 @@
|
|
|
1
|
-
{{#>components/grid/grid_group size=this.
|
|
2
|
-
|
|
3
|
-
<div class="h-auto col-span-12 p-8 mx-4 rounded-tr-none rounded-bl-none bg-highlight-1 rounded-3xl">
|
|
1
|
+
{{#>components/grid/grid_group size=this.teasersize _backgroundColor=this.backgroundColor }}
|
|
4
2
|
|
|
3
|
+
<div class="h-auto p-8 mx-4 rounded-tr-none rounded-bl-none bg-highlight-1 rounded-3xl col-span-full {{inline-switch size '["100","50"]' '["","md:col-span-6"]'}}">
|
|
5
4
|
{{~#if this.hasGroupTitle}}
|
|
6
|
-
<h2 class="text-2xl md:text-4xl col-span-full
|
|
5
|
+
<h2 class="text-2xl md:text-4xl col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
|
|
7
6
|
{{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
|
|
8
|
-
|
|
7
|
+
{{this.groupTitle}}
|
|
9
8
|
{{~#if this.hasLink}}</a>{{/if~}}
|
|
10
9
|
</h2>
|
|
11
10
|
{{/if}}
|
|
12
|
-
|
|
13
|
-
</div>
|
|
14
|
-
<div class="h-auto col-span-12 p-2 mx-4 my-0 -mt-10 rounded-tr-none rounded-bl-none md:p-4 bg-highlight-1 rounded-3xl">
|
|
15
|
-
|
|
16
11
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
</div>
|
|
13
|
+
|
|
14
|
+
|
|
20
15
|
{{/components/grid/grid_group}}
|