From c5cf178abbad5f37fdaa9fd282468ac70356812b Mon Sep 17 00:00:00 2001
From: Gianluigi Martino <gmartino27@gmail.com>
Date: Tue, 14 Mar 2017 13:28:50 +0100
Subject: [PATCH] [TASK] Handle gallery position and alignment in fsc image
content element
Add relevant classes to fsc image content element to
handle gallery position and alignment
Resolves: #80164
Releases: master
Change-Id: Ia4fbd3e8951a5f2f6ee92a55aca78477a54504f3
Reviewed-on: https://review.typo3.org/52039
Tested-by: TYPO3com <no-reply@typo3.com>
Tested-by: Riccardo De Contardi <erredeco@gmail.com>
Reviewed-by: Benjamin Kott <benjamin.kott@outlook.com>
Tested-by: Benjamin Kott <benjamin.kott@outlook.com>
---
.../Configuration/TypoScript/Styling/setup.txt | 2 +-
.../Resources/Private/Templates/Image.html | 4 +++-
2 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/typo3/sysext/fluid_styled_content/Configuration/TypoScript/Styling/setup.txt b/typo3/sysext/fluid_styled_content/Configuration/TypoScript/Styling/setup.txt
index e6d411cfe95d..afa893658bb8 100644
--- a/typo3/sysext/fluid_styled_content/Configuration/TypoScript/Styling/setup.txt
+++ b/typo3/sysext/fluid_styled_content/Configuration/TypoScript/Styling/setup.txt
@@ -5,7 +5,7 @@ plugin.tx_frontend._CSS_DEFAULT_STYLE (
.ce-table td, .ce-table th { vertical-align: top; }
- .ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }
+ .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }
.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
diff --git a/typo3/sysext/fluid_styled_content/Resources/Private/Templates/Image.html b/typo3/sysext/fluid_styled_content/Resources/Private/Templates/Image.html
index f2aaa7173502..56f658cc851c 100644
--- a/typo3/sysext/fluid_styled_content/Resources/Private/Templates/Image.html
+++ b/typo3/sysext/fluid_styled_content/Resources/Private/Templates/Image.html
@@ -2,7 +2,9 @@
<f:layout name="Default" />
<f:section name="Main">
- <f:render partial="Media/Gallery" arguments="{_all}" />
+ <div class="ce-image ce-{gallery.position.horizontal} ce-{gallery.position.vertical}">
+ <f:render partial="Media/Gallery" arguments="{_all}" />
+ </div>
</f:section>
</html>
--
GitLab