Simplify the active state of sidebar menu items

See https://www.woltlab.com/community/thread/300811-aktive-boxnavigation/

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 35f652de738fb6d7fce7cec7e7a6f615979cc62e..cc6f1fb27fdb2ec58c49bfdec85c6dae81f85e9c 100644 (file)
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -343,7 +343,7 @@
                        grid-template-columns: repeat(var(--column-count), 1fr);
 
                        > .box {
-                               margin: 0 !important
+                               margin: 0 !important;
                        }
                }
        }
@@ -571,8 +571,11 @@
 
 .boxesSidebarLeft .box .boxMenu {
        li.active > .boxMenuLink {
+               border-radius: var(--wcfBorderRadius);
                margin-left: 10px;
+               margin-right: 10px;
                padding-left: 10px;
+               padding-right: 10px;
        }
 
        .boxMenuDepth1 li.active > .boxMenuLink {
@@ -599,7 +602,10 @@
 }
 
 .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
+       border-radius: var(--wcfBorderRadius);
+       margin-left: 10px;
        margin-right: 10px;
+       padding-left: 10px;
        padding-right: 10px;
 }