From 33b529da61d21711a46cc325e685c9cf85ae9a70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Fri, 31 Aug 2018 17:21:04 +0200
Subject: [PATCH] Add lightbox icon

---
 .../Resources/Private/Assets/scss/remix/_slider.scss | 12 ++++++++++++
 .../Resources/Private/Partials/ContentSlider.html    |  1 +
 2 files changed, 13 insertions(+)

diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss
index 81a0224c..c66f1808 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss
@@ -37,6 +37,18 @@
   }
 }
 
+.slider__zoom-icon {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  z-index: 10;
+  color: white;
+  font-size: 24px;
+  @include mq($from: tablet) {
+    font-size: 32px;
+  }
+}
+
 .slider__image {
   max-width: 100%;
   height: auto;
diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
index 5aa2abf4..479a9c16 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
@@ -4,6 +4,7 @@
     ToDo: Adjust naming accordingly
 </f:comment>
 <div class="slider slider--content">
+    <i class="fa fa-search-plus slider__zoom-icon"></i>
     <div class="slider__items">
         <f:alias map="{image: images.0}">
             <a href="#" data-trigger="gallery-{id}">