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