Enable margins for gridelements, simplify templates

This commit is contained in:
Björn Fromme
2022-03-07 16:51:57 +01:00
parent 9907967cb2
commit b0598fd415
6 changed files with 56 additions and 97 deletions
@@ -106,7 +106,6 @@ TCEFORM {
space_before_class { space_before_class {
types { types {
gridelements_pi1.disabled = 1
list.disabled = 1 list.disabled = 1
} }
removeItems := addToList(extra-small, small, medium, extra-large) removeItems := addToList(extra-small, small, medium, extra-large)
@@ -9,37 +9,27 @@
<f:if condition="{data.header_layout} != 100"> <f:if condition="{data.header_layout} != 100">
<f:if condition="{data.header}"> <f:if condition="{data.header}">
<ep:container data="{data}"> <ep:container data="{data}">
<f:render section="Header" arguments="{_all}"/> <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
</ep:container> </ep:container>
</f:if> </f:if>
</f:if> </f:if>
<div> <ep:container data="{data}">
<ep:container data="{data}"> <div class="grid grid-cols-2 gap-8">
<f:render section="Grid" arguments="{_all}"/> <div class="col-span-2 md:col-span-1">
</ep:container> {data.tx_gridelements_view_column_51 -> f:format.raw()}
</div> </div>
</f:section> <div class="col-span-2 md:col-span-1">
<div class="grid grid-cols-2 gap-8">
<f:section name="Header"> <div class="col-span-2 md:col-span-1">
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" /> {data.tx_gridelements_view_column_52 -> f:format.raw()}
</f:section> </div>
<div class="col-span-2 md:col-span-1">
<f:section name="Grid"> {data.tx_gridelements_view_column_53 -> f:format.raw()}
<div class="grid grid-cols-2 gap-8"> </div>
<div class="col-span-2 md:col-span-1">
{data.tx_gridelements_view_column_51 -> f:format.raw()}
</div>
<div class="col-span-2 md:col-span-1">
<div class="grid grid-cols-2 gap-8">
<div class="col-span-2 md:col-span-1">
{data.tx_gridelements_view_column_52 -> f:format.raw()}
</div>
<div class="col-span-2 md:col-span-1">
{data.tx_gridelements_view_column_53 -> f:format.raw()}
</div> </div>
</div> </div>
</div> </div>
</div> </ep:container>
</f:section> </f:section>
</html> </html>
@@ -1,7 +1,6 @@
<html data-namespace-typo3-fluid="true" lang="en" <html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers" xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:layout name="Default"/> <f:layout name="Default"/>
@@ -10,34 +9,24 @@
<f:if condition="{data.header_layout} != 100"> <f:if condition="{data.header_layout} != 100">
<f:if condition="{data.header}"> <f:if condition="{data.header}">
<ep:container data="{data}"> <ep:container data="{data}">
<f:render section="Header" arguments="{_all}"/> <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
</ep:container> </ep:container>
</f:if> </f:if>
</f:if> </f:if>
<div> <ep:container data="{data}">
<ep:container data="{data}"> <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<f:render section="Grid" arguments="{_all}"/> <f:if condition="{data.tx_gridelements_view_column_21 -> v:format.trim()}">
</ep:container> <div>
</div> {data.tx_gridelements_view_column_21 -> f:format.raw()}
</f:section> </div>
</f:if>
<f:section name="Header"> <f:if condition="{data.tx_gridelements_view_column_22 -> v:format.trim()}">
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" /> <div>
</f:section> {data.tx_gridelements_view_column_22 -> f:format.raw()}
</div>
<f:section name="Grid"> </f:if>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> </div>
<f:if condition="{data.tx_gridelements_view_column_21 -> v:format.trim()}"> </ep:container>
<div>
{data.tx_gridelements_view_column_21 -> f:format.raw()}
</div>
</f:if>
<f:if condition="{data.tx_gridelements_view_column_22 -> v:format.trim()}">
<div>
{data.tx_gridelements_view_column_22 -> f:format.raw()}
</div>
</f:if>
</div>
</f:section> </f:section>
</html> </html>
@@ -1,6 +1,6 @@
<html data-namespace-typo3-fluid="true" lang="en" <html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers" xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:layout name="Default"/> <f:layout name="Default"/>
@@ -9,28 +9,18 @@
<f:if condition="{data.header_layout} != 100"> <f:if condition="{data.header_layout} != 100">
<f:if condition="{data.header}"> <f:if condition="{data.header}">
<ep:container data="{data}"> <ep:container data="{data}">
<f:render section="Header" arguments="{_all}"/> <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
</ep:container> </ep:container>
</f:if> </f:if>
</f:if> </f:if>
<div> <ep:container data="{data}">
<ep:container data="{data}" cssClasses="slider slider--teasers"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<f:render section="Grid" arguments="{_all}"/> {data.tx_gridelements_view_column_41 -> f:format.raw()}
</ep:container> {data.tx_gridelements_view_column_42 -> f:format.raw()}
</div> {data.tx_gridelements_view_column_43 -> f:format.raw()}
</f:section> {data.tx_gridelements_view_column_44 -> f:format.raw()}
</div>
<f:section name="Header"> </ep:container>
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
</f:section>
<f:section name="Grid">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
{data.tx_gridelements_view_column_41 -> f:format.raw()}
{data.tx_gridelements_view_column_42 -> f:format.raw()}
{data.tx_gridelements_view_column_43 -> f:format.raw()}
{data.tx_gridelements_view_column_44 -> f:format.raw()}
</div>
</f:section> </f:section>
</html> </html>
@@ -1,5 +1,6 @@
<html data-namespace-typo3-fluid="true" lang="en" <html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"> xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:layout name="Default"/> <f:layout name="Default"/>
@@ -9,37 +9,27 @@
<f:if condition="{data.header_layout} != 100"> <f:if condition="{data.header_layout} != 100">
<f:if condition="{data.header}"> <f:if condition="{data.header}">
<ep:container data="{data}"> <ep:container data="{data}">
<f:render section="Header" arguments="{_all}"/> <f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" />
</ep:container> </ep:container>
</f:if> </f:if>
</f:if> </f:if>
<div> <ep:container data="{data}">
<ep:container data="{data}"> <div class="grid grid-cols-2 gap-8">
<f:render section="Grid" arguments="{_all}"/> <div class="col-span-2 md:col-span-1">
</ep:container> <div class="grid grid-cols-2 gap-8">
</div> <div class="col-span-2 md:col-span-1">
</f:section> {data.tx_gridelements_view_column_52 -> f:format.raw()}
</div>
<f:section name="Header"> <div class="col-span-2 md:col-span-1">
<f:render partial="Header/Header" arguments="{header: data.header, subheader: data.subheader, layout: data.header_layout, link: data.header_link}" /> {data.tx_gridelements_view_column_53 -> f:format.raw()}
</f:section> </div>
<f:section name="Grid">
<div class="grid grid-cols-2 gap-8">
<div class="col-span-2 md:col-span-1">
<div class="grid grid-cols-2 gap-8">
<div class="col-span-2 md:col-span-1">
{data.tx_gridelements_view_column_52 -> f:format.raw()}
</div>
<div class="col-span-2 md:col-span-1">
{data.tx_gridelements_view_column_53 -> f:format.raw()}
</div> </div>
</div> </div>
<div class="col-span-2 md:col-span-1">
{data.tx_gridelements_view_column_51 -> f:format.raw()}
</div>
</div> </div>
<div class="col-span-2 md:col-span-1"> </ep:container>
{data.tx_gridelements_view_column_51 -> f:format.raw()}
</div>
</div>
</f:section> </f:section>
</html> </html>