From bfbe31af7f48478289a5aad245f8294fa69219a3 Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 19 Feb 2024 18:37:19 +0100
Subject: [PATCH] Fix indentation of box menu items

ref https://www.woltlab.com/community/thread/303963-men%C3%BC-filebase-sidebar-auflistung-der-kategorien/
---
 wcfsetup/install/files/style/layout/box.scss | 28 +++++++++++++++-----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 6465bae5b7..cf1903d628 100644
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -605,12 +605,28 @@
 	}
 }
 
-.boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
-	border-radius: var(--wcfBorderRadius);
-	margin-left: 10px;
-	margin-right: 10px;
-	padding-left: 10px;
-	padding-right: 10px;
+.boxesSidebarRight .box .boxMenu {
+	li.active > .boxMenuLink {
+		border-radius: var(--wcfBorderRadius);
+		margin-left: 10px;
+		margin-right: 10px;
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+
+	li.active {
+		&.boxMenuItemDepth2 .boxMenuLink {
+			padding-left: 30px;
+		}
+
+		&.boxMenuItemDepth3 .boxMenuLink {
+			padding-left: 50px;
+		}
+
+		&.boxMenuItemDepth4 .boxMenuLink {
+			padding-left: 70px;
+		}
+	}
 }
 
 /* collapsible sidebar for mobile devices */
-- 
2.20.1