From f2e6770cb5611673a2e21e92043688c15c52cead Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Tue, 12 Apr 2016 16:31:29 +0200
Subject: [PATCH] Overhauled footer menu

* Changed default styling of the footer menu
* Add new placeholder menu for nested footer links
---
 com.woltlab.wcf/menu.xml                     | 12 +++++++++
 wcfsetup/install/files/style/layout/box.scss | 28 +++++++++++++-------
 2 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/com.woltlab.wcf/menu.xml b/com.woltlab.wcf/menu.xml
index df85df1c4b..112c9d20d4 100644
--- 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 c466f8a320..b89ea76592 100644
--- 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;
 					
-- 
2.20.1