Hide empty subnavigations and their buttons in mobile view

This commit is contained in:
Björn Fromme
2021-10-26 17:46:50 +02:00
parent 32de49bfc2
commit 01d19d900e
@@ -124,6 +124,7 @@
title="{subitem.title}"> title="{subitem.title}">
{subitem.title} {subitem.title}
</a> </a>
<f:if condition="{subitem.children}">
<button type="button" <button type="button"
class="focus:outline-none" class="focus:outline-none"
data-action="collapse#toggle"> data-action="collapse#toggle">
@@ -131,7 +132,9 @@
<use href="#icon-chevron-down"></use> <use href="#icon-chevron-down"></use>
</svg> </svg>
</button> </button>
</f:if>
</div> </div>
<f:if condition="{subitem.children}">
<div class="transform pt-2" <div class="transform pt-2"
data-collapse-target="container"> data-collapse-target="container">
<f:for each="{subitem.children}" as="subsubitem"> <f:for each="{subitem.children}" as="subsubitem">
@@ -145,6 +148,7 @@
</a> </a>
</f:for> </f:for>
</div> </div>
</f:if>
</li> </li>
</f:for> </f:for>
</ul> </ul>