Render 4th level of mobile navigation

2022-03-14 10:42:45 +01:00
parent 1b70090d25
commit 0efe435518
1 changed files with 12 additions and 1 deletions
@@ -129,7 +129,7 @@
                    </f:if>
                    >
                    <div class="flex items-center justify-between">
-                        <a href="{subitemlink}"
+                        <a href="{subitem.link}"
                           class="uppercase text-xl text-white hover:text-white focus:text-white"
                           title="{subitem.title}">
                            {subitem.title}
@@ -159,6 +159,17 @@
                                    </svg>
                                    <span>{subsubitem.title}</span>
                                </a>
+                                <f:if condition="{subsubitem.children}">
+                                    <ul class="m-0 pb-2">
+                                        <f:for each="{subsubitem.children}" as="subsubsubitem">
+                                            <li class="py-1 pl-6">
+                                                <a href="{subsubsubitem.link}" title="{subitem.title}" class="text-white">
+                                                    {subsubsubitem.title}
+                                                </a>
+                                            </li>
+                                        </f:for>
+                                    </ul>
+                                </f:if>
                            </f:for>
                        </div>
                    </f:if>