From: Marcel Werk <burntime@woltlab.com>
Date: Mon, 19 Feb 2024 17:37:19 +0000 (+0100)
Subject: Fix indentation of box menu items
X-Git-Tag: 6.0.9_dev_5~4
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=e923463bb821f36f7bc66a0808a4a6102d7f1536;p=GitHub%2FWoltLab%2FWCF.git

Fix indentation of box menu items

ref https://www.woltlab.com/community/thread/303963-men%C3%BC-filebase-sidebar-auflistung-der-kategorien/
---

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 */