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 6465bae5b760f3a43847539b6b1e0358f6289d7d..cf1903d62893d9bde17c1cf6264d243cf6a9f00a 100644 (file)
--- 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 */