From: Marcel Werk <burntime@woltlab.com>
Date: Tue, 8 Mar 2016 17:57:53 +0000 (+0100)
Subject: Added .boxMenu styling
X-Git-Tag: 3.0.0_Beta_1~2030^2~53^2~1
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=0e8421c98507a7022ef4a9d9cc09f6a3923187b9;p=GitHub%2FWoltLab%2FWCF.git

Added .boxMenu styling
---

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 1b6cf99ff2..bacff2cc13 100644
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -180,8 +180,15 @@
 	}
 	
 	.box {
-		background-color: $wcfSidebarBackground;
-		padding: 20px;
+		&:not(.boxBorderless) {
+			background-color: $wcfSidebarBackground;
+			padding: 20px;
+			
+			.boxMenu {
+				margin-left: -20px;
+				margin-right: -20px;
+			}
+		}
 		
 		&:not(:first-child) {
 			margin-top: 30px;
@@ -211,6 +218,29 @@
 			background-color: $wcfStatusWarningBackground;
 			color: $wcfStatusWarningText;
 		}
+		
+		.boxMenu {
+			.boxMenuLink {
+				display: block;
+				padding: 5px 20px;
+				
+				.badge {
+					float: right;
+				}
+			}
+			
+			li.active > .boxMenuLink {
+				background-color: $wcfContentBackground;
+			}
+			
+			.boxMenuDepth1 .boxMenuLink {
+				padding-left: 40px;
+			}
+			
+			.boxMenuDepth2 .boxMenuLink {
+				padding-left: 60px;
+			}
+		}
 	}
 	
 	.boxWithImage {