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 {
types {
gridelements_pi1.disabled = 1
list.disabled = 1
}
removeItems := addToList(extra-small, small, medium, extra-large)
@@ -9,37 +9,27 @@
<f:if condition="{data.header_layout} != 100">
<f:if condition="{data.header}">
<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>
</f:if>
</f:if>
<div>
<ep:container data="{data}">
<f:render section="Grid" arguments="{_all}"/>
</ep:container>
</div>
</f:section>
<f:section name="Header">
<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-2 gap-8">
<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()}
<ep:container data="{data}">
<div class="grid grid-cols-2 gap-8">
<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>
</ep:container>
</f:section>
</html>
@@ -1,7 +1,6 @@
<html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml"
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">
<f:layout name="Default"/>
@@ -10,34 +9,24 @@
<f:if condition="{data.header_layout} != 100">
<f:if condition="{data.header}">
<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>
</f:if>
</f:if>
<div>
<ep:container data="{data}">
<f:render section="Grid" arguments="{_all}"/>
</ep:container>
</div>
</f:section>
<f:section name="Header">
<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 gap-8">
<f:if condition="{data.tx_gridelements_view_column_21 -> v:format.trim()}">
<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>
<ep:container data="{data}">
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<f:if condition="{data.tx_gridelements_view_column_21 -> v:format.trim()}">
<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>
</ep:container>
</f:section>
</html>
@@ -1,6 +1,6 @@
<html data-namespace-typo3-fluid="true" lang="en"
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">
<f:layout name="Default"/>
@@ -9,28 +9,18 @@
<f:if condition="{data.header_layout} != 100">
<f:if condition="{data.header}">
<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>
</f:if>
</f:if>
<div>
<ep:container data="{data}" cssClasses="slider slider--teasers">
<f:render section="Grid" arguments="{_all}"/>
</ep:container>
</div>
</f:section>
<f:section name="Header">
<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>
<ep:container data="{data}">
<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>
</ep:container>
</f:section>
</html>
@@ -1,5 +1,6 @@
<html data-namespace-typo3-fluid="true" lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ep="http://typo3.org/ns/EP/EpTheme/ViewHelpers"
xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:layout name="Default"/>
@@ -9,37 +9,27 @@
<f:if condition="{data.header_layout} != 100">
<f:if condition="{data.header}">
<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>
</f:if>
</f:if>
<div>
<ep:container data="{data}">
<f:render section="Grid" arguments="{_all}"/>
</ep:container>
</div>
</f:section>
<f:section name="Header">
<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-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()}
<ep:container data="{data}">
<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 class="col-span-2 md:col-span-1">
{data.tx_gridelements_view_column_51 -> f:format.raw()}
</div>
</div>
<div class="col-span-2 md:col-span-1">
{data.tx_gridelements_view_column_51 -> f:format.raw()}
</div>
</div>
</ep:container>
</f:section>
</html>