From 0e8421c98507a7022ef4a9d9cc09f6a3923187b9 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Tue, 8 Mar 2016 18:57:53 +0100 Subject: [PATCH] Added .boxMenu styling --- wcfsetup/install/files/style/layout/box.scss | 34 ++++++++++++++++++-- 1 file changed, 32 insertions(+), 2 deletions(-) diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss index 1b6cf99ff2..bacff2cc13 100644 --- 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 { -- 2.20.1