Multiple changes as requested
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user