Fix section menu styles

This commit is contained in:
Björn Fromme
2022-03-21 15:33:53 +01:00
parent 92e0c94a59
commit 00340fba1f
2 changed files with 47 additions and 37 deletions
@@ -1,27 +1,32 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true"> <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" /> <f:layout name="Default" />
<f:section name="Main"> <f:section name="Main">
<f:spaceless> <f:spaceless>
<f:if condition="{menu}"> <f:if condition="{menu}">
<div class="flex flex-col space-y-2"> <ep:container data="{data}">
<f:for each="{menu}" as="page"> <div class="flex flex-col space-y-2 max-w-screen-sm">
<f:if condition="{page.content}"> <f:for each="{menu}" as="page">
<f:for each="{page.content}" as="element"> <f:if condition="{page.content}">
<f:if condition="{element.data.header}"> <f:for each="{page.content}" as="element">
<button type="button" <f:if condition="{element.data.header}">
class="button w-full" <button type="button"
data-controller="scroll-to" class="button"
data-scroll-to-target-value="c{element.data.uid}" data-controller="scroll-to"
data-action="scroll-to#scroll"> data-scroll-to-target-value="c{element.data.uid}"
{element.data.header} data-action="scroll-to#scroll">
</button> {element.data.header}
</f:if> </button>
</f:for> </f:if>
</f:if> </f:for>
</f:for> </f:if>
</div> </f:for>
</div>
</ep:container>
</f:if> </f:if>
</f:spaceless> </f:spaceless>
</f:section> </f:section>
@@ -1,28 +1,33 @@
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true"> <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" /> <f:layout name="Default" />
<f:section name="Main"> <f:section name="Main">
<f:if condition="{menu}"> <f:if condition="{menu}">
<div class="flex flex-col space-y-2"> <ep:container data="{data}">
<f:for each="{menu}" as="page"> <div class="flex flex-col space-y-2 max-w-screen-sm">
<a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}"> <f:for each="{menu}" as="page">
{page.title} <a href="{page.link}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{page.title}" class="button">
</a> {page.title}
<f:if condition="{page.content}"> </a>
<ul> <f:if condition="{page.content}">
<f:for each="{page.content}" as="element"> <ul>
<li> <f:for each="{page.content}" as="element">
<a href="{page.link}#c{element.data.uid}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{element.data.header}"> <li>
{element.data.header} <a href="{page.link}#c{element.data.uid}"{f:if(condition: page.target, then: ' target="{page.target}"')} title="{element.data.header}" class="button">
</a> {element.data.header}
</li> </a>
</f:for> </li>
</ul> </f:for>
</f:if> </ul>
</f:for> </f:if>
</div> </f:for>
</div>
</ep:container>
</f:if> </f:if>
</f:section> </f:section>