From 245550b11b428312e9e4302effe3bad20c69e1cd Mon Sep 17 00:00:00 2001
From: Viktoria Husaruk <vhusaruk92@gmail.com>
Date: Fri, 22 Jun 2018 17:08:57 +0300
Subject: [PATCH] [BUGFIX] add possibility to have top/bottom margin of element
 inside parallax element (#434)

---
 Resources/Private/Templates/GridElements/Parallax.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/Resources/Private/Templates/GridElements/Parallax.html b/Resources/Private/Templates/GridElements/Parallax.html
index 9796b449..e6240694 100644
--- a/Resources/Private/Templates/GridElements/Parallax.html
+++ b/Resources/Private/Templates/GridElements/Parallax.html
@@ -4,14 +4,14 @@
 		<f:if condition="{files.0.type} == 4">
 			<f:if condition="{files.1}">
 				<f:then>
-					<div class="parallax parallax-video {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" data-video-url="{f:uri.typolink(parameter: 'file:{files.0.originalFile.uid}')}" style="background-image: url('{f:uri.image(image : files.1.originalFile)}'); height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" >				</f:then>
+					<div class="parallax parallax-video clearfix {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" data-video-url="{f:uri.typolink(parameter: 'file:{files.0.originalFile.uid}')}" style="background-image: url('{f:uri.image(image : files.1.originalFile)}'); height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" >				</f:then>
 				<f:else>
-					<div class="parallax parallax-video {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" data-video-url="{f:uri.typolink(parameter: 'file:{files.0.originalFile.uid}')}" style=" height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" >
+					<div class="parallax parallax-video clearfix {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" data-video-url="{f:uri.typolink(parameter: 'file:{files.0.originalFile.uid}')}" style=" height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" >
 				</f:else>
 			</f:if>
 		</f:if>
 		<f:if condition="{files.0.type} == 2">
-				<div class="parallax parallax-resimg {f:cObject(typoscriptObjectPath:'lib.responsiveBackgroundImage', data:files.0.uid)} {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" style="height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" >
+				<div class="parallax parallax-resimg clearfix {f:cObject(typoscriptObjectPath:'lib.responsiveBackgroundImage', data:files.0.uid)} {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" style="height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" >
 		</f:if>
 	</f:if>
 	<f:format.raw>{data.tx_gridelements_view_column_0}</f:format.raw>