fix: MegaMenu -> subsub children

src/QUI/Menu/MegaMenu.css

@@ -38,7 +38,7 @@
     align-self: stretch;
     float: left;
     flex: 1;
-    padding: 20px;
+    padding: 10px;
     width: 80%;
 }
 
@@ -55,10 +55,12 @@
     font-size: 14px;
     font-weight: bold;
     list-style-type: none;
-    margin-bottom: 20px;
-    margin-right: 10px;
-    padding-bottom: 20px;
-    width: calc(33.3333% - 10px);
+    padding: 20px;
+    width: 33.3333%;
+}
+
+.quiqqer-menu-megaMenu-list-item-menu-children-list-entry:hover {
+    background: rgba(0, 0, 0, 0.1);
 }
 
 .quiqqer-menu-megaMenu-list-item-menu-children-list-entry-short {
@@ -70,6 +72,10 @@
     width: 100%;
 }
 
+.quiqqer-menu-megaMenu-list-item-menu-children-list-entry-short ul {
+    margin-left: 20px;
+}
+
 .quiqqer-menu-megaMenu-list-item-menu-children-list-entry:nth-child(3n+1) {
     clear: both;
 }

src/QUI/Menu/MegaMenu.html

@@ -31,10 +31,28 @@
                                title="{$SubChild->getAttribute('title')|escape:"html"}">
                             {$SubChild->getAttribute('title')}
                             </a>
-                            {if $SubChild->getAttribute('short')}
+
+                            {assign var=subsubchildren value=$SubChild->getNavigation()}
+
+                            {if count($subsubchildren)}
                             <div class="quiqqer-menu-megaMenu-list-item-menu-children-list-entry-short">
-                                {$SubChild->getAttribute('short')}
+                            <ul>
+                                {foreach $subsubchildren as $SubSubChild}
+                                <li>
+                                    <a href="{url site=$SubSubChild}"
+                                       title="{$SubSubChild->getAttribute('title')|escape:"html"}">
+                                    {$SubSubChild->getAttribute('title')}
+                                    </a>
+                                </li>
+                                {/foreach}
+                            </ul>
                             </div>
+                            {else}
+                                {if $SubChild->getAttribute('short')}
+                                <div class="quiqqer-menu-megaMenu-list-item-menu-children-list-entry-short">
+                                    {$SubChild->getAttribute('short')}
+                                </div>
+                                {/if}
                             {/if}
                         </li>
                         {/foreach}