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

Add lightbox icon

Browse Source
This commit is contained in:
Björn Fromme
2018-08-31 17:21:04 +02:00
parent 37049e270b
commit 33b529da61
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss
+12
View File
@@ -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 { .slider__image {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
web/typo3conf/ext/ep_theme/Resources/Private/Partials/ContentSlider.html
+1
View File
@@ -4,6 +4,7 @@
ToDo: Adjust naming accordingly ToDo: Adjust naming accordingly
</f:comment> </f:comment>
<div class="slider slider--content"> <div class="slider slider--content">
<i class="fa fa-search-plus slider__zoom-icon"></i>
<div class="slider__items"> <div class="slider__items">
<f:alias map="{image: images.0}"> <f:alias map="{image: images.0}">
<a href="#" data-trigger="gallery-{id}"> <a href="#" data-trigger="gallery-{id}">