EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change cursor when hovering clickable teasers

Browse Source
This commit is contained in:
Björn Fromme
2019-09-16 12:42:26 +02:00
parent 226b0bd2f1
commit 0efedb5354
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss
+4
View File
@@ -15,6 +15,10 @@
width: percentage(3/4); width: percentage(3/4);
padding: 0 16px; padding: 0 16px;
&--clickable {
cursor: pointer;
}
@include mq($until: tablet) { @include mq($until: tablet) {
padding-bottom: 16px; padding-bottom: 16px;
} }
public/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html
+3 -3
View File
@@ -12,13 +12,13 @@
<f:section name="Teasers"> <f:section name="Teasers">
<div class="teasers {ep:sectionCssClass(sectionValue: offer.configuratorType)}"> <div class="teasers {ep:sectionCssClass(sectionValue: offer.configuratorType)}">
<div class="teaser"> <div class="teaser teaser--clickable">
<f:render section="Teaser" arguments="{image: offer.hotel.imageTeaser, title: 'Unterkunft', subtitle: offer.hotel.name, link: '#hotel'}"/> <f:render section="Teaser" arguments="{image: offer.hotel.imageTeaser, title: 'Unterkunft', subtitle: offer.hotel.name, link: '#hotel'}"/>
</div> </div>
<div class="teaser"> <div class="teaser teaser--clickable">
<f:render section="Teaser" arguments="{image: offer.location.imageTeaser, title: 'Destination', subtitle: offer.location.name, link: '#location'}"/> <f:render section="Teaser" arguments="{image: offer.location.imageTeaser, title: 'Destination', subtitle: offer.location.name, link: '#location'}"/>
</div> </div>
<div class="teaser program-slider"> <div class="teaser teaser--clickable 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, link: '#activities'}"/> <f:render section="Teaser" arguments="{image: activity.imageTeaser, title: 'Programm', subtitle: activity.name, link: '#activities'}"/>
</f:for> </f:for>