Fixed main menu visuals

diff --git a/com.woltlab.wcf/templates/__menu.tpl b/com.woltlab.wcf/templates/__menu.tpl
index 91a4298d111da6dca14dc6d63bd7865d5267e7a0..e0f64650a70f7349d13f73d193a30d9517c2fac3 100644 (file)
--- a/com.woltlab.wcf/templates/__menu.tpl
+++ b/com.woltlab.wcf/templates/__menu.tpl
@@ -1,12 +1,14 @@
-<ol>
-       {foreach from=$menuItemNodeList item=menuItemNode}
-               <li>
-                       <a href="{$menuItemNode->getMenuItem()->getURL()}">{lang}{$menuItemNode->getMenuItem()->title}{/lang}</a>
-                       
-                       {if $menuItemNode->hasChildren()}<ol>{else}</li>{/if}
+<nav id="mainMenu" class="mainMenu">
+       <ol>
+               {foreach from=$menuItemNodeList item=menuItemNode}
+                       <li{if $menuItemNode->hasChildren()} class="subMenuItems"{/if}>
+                               <a href="{$menuItemNode->getMenuItem()->getURL()}">{lang}{$menuItemNode->getMenuItem()->title}{/lang}</a>
                                
-                       {if !$menuItemNode->hasChildren() && $menuItemNode->isLastSibling()}
-                               {@"</ol></li>"|str_repeat:$menuItemNode->getOpenParentNodes()}
-                       {/if}
-       {/foreach}
-</ol>
+                               {if $menuItemNode->hasChildren()}<ol class="subMenu">{else}</li>{/if}
+                                       
+                               {if !$menuItemNode->hasChildren() && $menuItemNode->isLastSibling()}
+                                       {@"</ol></li>"|str_repeat:$menuItemNode->getOpenParentNodes()}
+                               {/if}
+               {/foreach}
+       </ol>
+</nav>

diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index eec46849053c1327e6269d1f03663e7fe39201c3..3e9926513094ea57bd7f129315c47a548cd15720 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -41,10 +41,10 @@
 }
 
 /* MAIN MENU */
-#mainMenu {
+.mainMenu {
        flex: 0 50%;
        
-       > ul {
+       > ol {
                display: flex;
                
                > li {