From e9f3957f51a86eb1a82ae8e837d90e133536e7eb Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Thu, 7 Jan 2016 20:13:06 +0100 Subject: [PATCH] Added legacy styling for sidebars --- wcfsetup/install/files/style/layout/box.scss | 8 ++ .../install/files/style/layout/sidebar.scss | 73 +++++++++---------- 2 files changed, 42 insertions(+), 39 deletions(-) diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss index 05efd4a181..425eaee46e 100644 --- a/wcfsetup/install/files/style/layout/box.scss +++ b/wcfsetup/install/files/style/layout/box.scss @@ -173,6 +173,14 @@ } } + .boxTitle { + color: $wcfSidebarHeadlineLink; + + &:hover { + color: $wcfSidebarHeadlineLinkActive; + } + } + .box { background-color: $wcfSidebarBackground; padding: 20px; diff --git a/wcfsetup/install/files/style/layout/sidebar.scss b/wcfsetup/install/files/style/layout/sidebar.scss index 1ad9f4b892..cd1281e024 100644 --- a/wcfsetup/install/files/style/layout/sidebar.scss +++ b/wcfsetup/install/files/style/layout/sidebar.scss @@ -1,27 +1,5 @@ -/*.sidebar { - - - > div, - > fieldset, - > section { - background-color: $wcfSidebarBackground; - padding: 20px; - - &::after { - clear: both; - content: ""; - display: block; - height: 0; - } - } - - > div { - fieldset + fieldset, - section + section { - margin-top: 20px; - } - } - +/* legacy styling for sidebars (deprecated) */ +.sidebar { fieldset > legend { float: left; width: 100%; @@ -31,32 +9,49 @@ } } - section > h1, - fieldset > legend { - color: $wcfSidebarHeadlineText; - margin-bottom: 10px; - - @extend .wcfFontHeadline; - - > a { - color: $wcfSidebarHeadlineLink; + .boxContainer { + > div, + > fieldset, + > section:not(.box) { + background-color: $wcfSidebarBackground; + padding: 20px; - > .icon { - color: $wcfSidebarHeadlineLink; + &:not(:first-child) { + margin-top: 20px; } + } + + section:not(.box) > h1, + fieldset > legend { + color: $wcfSidebarHeadlineText; + margin-bottom: 10px; + + @extend .wcfFontHeadline; - &:hover { - color: $wcfSidebarHeadlineLinkActive; + > a { + color: $wcfSidebarHeadlineLink; > .icon { + color: $wcfSidebarHeadlineLink; + } + + &:hover { color: $wcfSidebarHeadlineLinkActive; + + > .icon { + color: $wcfSidebarHeadlineLinkActive; + } } } } } - - + .formSubmit:not(:first-child) { + margin-top: 20px; + } +} + +/*.sidebar { dl.dataList { overflow: hidden; -- 2.20.1