From: Marcel Werk Date: Mon, 8 Feb 2016 15:06:34 +0000 (+0100) Subject: User profile style optimization / cleanup X-Git-Tag: 3.0.0_Beta_1~2030^2~97 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=06a511ea2149c6ff36e4f8a8021a17e914510a25;p=GitHub%2FWoltLab%2FWCF.git User profile style optimization / cleanup --- diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss index 31a756b5a7..6d32d007c4 100644 --- a/wcfsetup/install/files/style/layout/box.scss +++ b/wcfsetup/install/files/style/layout/box.scss @@ -13,7 +13,7 @@ @extend .wcfFontHeadline; & + .boxContent { - margin-top: 10px; + margin-top: 15px; } } diff --git a/wcfsetup/install/files/style/layout/containerList.scss b/wcfsetup/install/files/style/layout/containerList.scss index 09e9807640..a220e26c22 100644 --- a/wcfsetup/install/files/style/layout/containerList.scss +++ b/wcfsetup/install/files/style/layout/containerList.scss @@ -105,13 +105,7 @@ } } -.likeList > .likeTypeSelection { - text-align: right; - - > .buttonGroup { - display: inline-flex; - } -} + /* .userList .userInformation { diff --git a/wcfsetup/install/files/style/layout/sidebar.scss b/wcfsetup/install/files/style/layout/sidebar.scss index d90cfcc98e..c796700344 100644 --- a/wcfsetup/install/files/style/layout/sidebar.scss +++ b/wcfsetup/install/files/style/layout/sidebar.scss @@ -24,7 +24,7 @@ section:not(.box) > h1, fieldset > legend { color: $wcfSidebarHeadlineText; - margin-bottom: 10px; + margin-bottom: 15px; @extend .wcfFontHeadline; @@ -58,7 +58,7 @@ .button.more { float: right; - margin-top: 10px; + margin-top: 15px; } } } @@ -66,7 +66,7 @@ .boxTitle { .badge { float: right; - margin-top: 5px; + margin-top: 3px; } } } diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss index 7479d1d806..58bff68949 100644 --- a/wcfsetup/install/files/style/ui/userProfile.scss +++ b/wcfsetup/install/files/style/ui/userProfile.scss @@ -1,41 +1,5 @@ +/* todo .userProfile .sidebar { - position: relative; - - > section { - // TODO: background-color: $wcfContentBackgroundAccent; - border-radius: 0; - // TODO: color: $wcfContentTextAccent; - - a, - dd, - h1 { - // TODO: color: $wcfContentTextAccent; - } - - &:first-child { - border-top-left-radius: 3px; - border-top-right-radius: 3px; - } - - &:last-child { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - } - - &:not(:first-child) { - margin-top: 0; - - &:before { - // TODO: border-top: 2px solid $wcfContentBorderAccent; - content: ""; - left: 0; - margin-top: -15px; - position: absolute; - right: 0; - } - } - } - > .userDetails { position: relative; text-align: center; @@ -105,19 +69,16 @@ } } } -/* -.username { - @extend .wcfFontHeadline; -}*/ +*/ .userAvatarList { display: flex; flex-wrap: wrap; - margin-bottom: -10px; + margin-bottom: -15px; > li { flex: 0 0 25%; - margin-bottom: 10px; + margin-bottom: 15px; text-align: center; > a { @@ -131,3 +92,21 @@ align-items: center; } } + +.likeList { + > .likeTypeSelection { + text-align: right; + + &:hover { + background-color: transparent; + } + + > .buttonGroup { + display: inline-flex; + + &:not(:first-child) { + margin-left: 5px; + } + } + } +}