Overhauled footer menu

* Changed default styling of the footer menu
* Add new placeholder menu for nested footer links

diff --git a/com.woltlab.wcf/menu.xml b/com.woltlab.wcf/menu.xml
index df85df1c4b2964424589f40a155d4a19f1970da5..112c9d20d432a32304bd17ac17409968b9216155 100644 (file)
--- a/com.woltlab.wcf/menu.xml
+++ b/com.woltlab.wcf/menu.xml
@@ -23,5 +23,17 @@
                                <visibleEverywhere>1</visibleEverywhere>
                        </box>
                </menu>
+               
+               <menu identifier="com.woltlab.wcf.FooterLinks">
+                       <title language="de">Footer-Links</title>
+                       <title language="en">Footer Links</title>
+                       
+                       <box>
+                               <position>footer</position>
+                               <cssClassName>footerLinks</cssClassName>
+                               <showHeader>0</showHeader>
+                               <visibleEverywhere>1</visibleEverywhere>
+                       </box>
+               </menu>
        </import>
 </data>

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index c466f8a3206d6a8166706c99b5ddcc80e3c36922..b89ea76592b5f32b7e5abb405dcd2b9239999021 100644 (file)
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -438,23 +438,31 @@
        }
        
        .boxMenu {
-               display: flex;
-               flex-wrap: wrap;
-               margin-bottom: -20px;
+               display: inline-flex;
                margin-left: -10px;
                margin-right: -10px;
                
-               .boxMenuLink {
-                       display: inline-block;
-               }
-               
                > li {
-                       flex: 0 0 25%;
-                       margin-bottom: 20px;
+                       flex: 0 0 auto;
                        padding-left: 10px;
                        padding-right: 10px;
+               }
+       }
+       
+       .footerLinks {
+               .boxMenu {
+                       display: flex;
+                       flex-wrap: wrap;
+                       margin-bottom: -20px;
                        
-                       &.boxMenuHasChildren {
+                       .boxMenuLink {
+                               display: inline-block;
+                       }
+                       
+                       > li {
+                               flex: 0 0 25%;
+                               margin-bottom: 20px;
+                               
                                > .boxMenuLink {
                                        @include wcfFontHeadline;