Added .boxMenu styling

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 1b6cf99ff29e4870c4281af992746a839ed58cf6..bacff2cc13d386f84f03c355932fcb331555ce06 100644 (file)
--- 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 {