Multiple changes as requested

This commit is contained in:
Björn Fromme
2018-08-16 13:22:34 +02:00
parent 2b9bf3c8f2
commit 364dee81ee
5 changed files with 9 additions and 4 deletions
@@ -116,6 +116,7 @@ new Vue({
dots: false, dots: false,
arrows: false, arrows: false,
rows: 0, rows: 0,
autoplay: true,
responsive: [ responsive: [
{ {
breakpoint: 768, breakpoint: 768,
@@ -101,6 +101,7 @@ ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
line-height: 175%; line-height: 175%;
display: inline-block;
li { li {
position: relative; position: relative;
@@ -3,7 +3,7 @@
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 100; z-index: 1000;
background: white; background: white;
box-shadow: 0 2px 2px rgba($color-background, 0.5); box-shadow: 0 2px 2px rgba($color-background, 0.5);
} }
@@ -51,6 +51,7 @@
</div> </div>
</div> </div>
</f:if> </f:if>
<a id="activities"></a>
<div class="content content--sub {ep:sectionCssClass(sectionValue: offer.configuratorType)}"> <div class="content content--sub {ep:sectionCssClass(sectionValue: offer.configuratorType)}">
<div class="content__title"> <div class="content__title">
<h2 class="headline headline--primary">Programmpunkte</h2> <h2 class="headline headline--primary">Programmpunkte</h2>
@@ -20,7 +20,7 @@
</div> </div>
<div class="teaser program-slider"> <div class="teaser program-slider">
<f:for each="{offer.activities}" as="activity"> <f:for each="{offer.activities}" as="activity">
<f:render section="Teaser" arguments="{image: activity.imageTeaser, title: 'Programm', subtitle: activity.name}"/> <f:render section="Teaser" arguments="{image: activity.imageTeaser, title: 'Programm', subtitle: activity.name, link: '#activities'}"/>
</f:for> </f:for>
</div> </div>
</div> </div>
@@ -50,13 +50,15 @@
<div class="teaser__inner"> <div class="teaser__inner">
<f:if condition="{image}"> <f:if condition="{image}">
<f:then> <f:then>
<img class="teaser__image" src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, maxWidth: 500)}" alt="{title} {subtitle}"> <img class="teaser__image"
src="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop, maxWidth: 500)}"
alt="{title} {subtitle}"{f:if(condition: link, then: ' v-on:click.prevent="scrollTo(\'{link}\')"')}>
</f:then> </f:then>
<f:else> <f:else>
<img class="teaser__image" src="https://placehold.it/500x500" alt=""> <img class="teaser__image" src="https://placehold.it/500x500" alt="">
</f:else> </f:else>
</f:if> </f:if>
<div class="teaser__caption"> <div class="teaser__caption"{f:if(condition: link, then: ' v-on:click.prevent="scrollTo(\'{link}\')"')}>
<span class="teaser__title">{title}</span> <span class="teaser__title">{title}</span>
<span class="teaser__title teaser__title--subline">{subtitle}</span> <span class="teaser__title teaser__title--subline">{subtitle}</span>
</div> </div>