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,
arrows: false,
rows: 0,
autoplay: true,
responsive: [
{
breakpoint: 768,
@@ -101,6 +101,7 @@ ul {
list-style: none;
padding: 0;
line-height: 175%;
display: inline-block;
li {
position: relative;
@@ -3,7 +3,7 @@
position: fixed;
top: 0;
left: 0;
z-index: 100;
z-index: 1000;
background: white;
box-shadow: 0 2px 2px rgba($color-background, 0.5);
}
@@ -51,6 +51,7 @@
</div>
</div>
</f:if>
<a id="activities"></a>
<div class="content content--sub {ep:sectionCssClass(sectionValue: offer.configuratorType)}">
<div class="content__title">
<h2 class="headline headline--primary">Programmpunkte</h2>
@@ -20,7 +20,7 @@
</div>
<div class="teaser program-slider">
<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>
</div>
</div>
@@ -50,13 +50,15 @@
<div class="teaser__inner">
<f:if condition="{image}">
<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:else>
<img class="teaser__image" src="https://placehold.it/500x500" alt="">
</f:else>
</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 teaser__title--subline">{subtitle}</span>
</div>