Hide empty subnavigations and their buttons in mobile view
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user