From 0efedb53546511299e4b5cd1afe761e0dfdca173 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Mon, 16 Sep 2019 12:42:26 +0200
Subject: [PATCH] Change cursor when hovering clickable teasers

---
 .../ep_events/Resources/Private/Assets/scss/_teasers.scss   | 4 ++++
 .../Resources/Private/Templates/Page/OfferEpEvents.html     | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss
index 68e78bca..cf3cb4bf 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_teasers.scss
@@ -15,6 +15,10 @@
     width: percentage(3/4);
     padding: 0 16px;
 
+    &--clickable {
+        cursor: pointer;
+    }
+
     @include mq($until: tablet) {
         padding-bottom: 16px;
     }
diff --git a/public/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html b/public/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html
index 75215c10..1cfed1f4 100644
--- a/public/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html
+++ b/public/typo3conf/ext/ep_events/Resources/Private/Templates/Page/OfferEpEvents.html
@@ -12,13 +12,13 @@
 
     <f:section name="Teasers">
         <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'}"/>
             </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'}"/>
             </div>
-            <div class="teaser program-slider">
+            <div class="teaser teaser--clickable program-slider">
                 <f:for each="{offer.activities}" as="activity">
                     <f:render section="Teaser" arguments="{image: activity.imageTeaser, title: 'Programm', subtitle: activity.name, link: '#activities'}"/>
                 </f:for>