From 2c50c29658fb399dc121022a81e9507804eae92a Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Tue, 12 Apr 2016 10:46:29 +0200 Subject: [PATCH] Improved visuals for cover photo --- wcfsetup/install/files/style/ui/userProfile.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/wcfsetup/install/files/style/ui/userProfile.scss b/wcfsetup/install/files/style/ui/userProfile.scss index 40599d8217..ec4a87f25c 100644 --- a/wcfsetup/install/files/style/ui/userProfile.scss +++ b/wcfsetup/install/files/style/ui/userProfile.scss @@ -6,6 +6,10 @@ background-position: center; background-size: cover; + /* adds a box-shadow on the top and bottom of the element to create perspective + and a clear separation if the images color is close to the surrounding elements */ + box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, .6), inset 0 -10px 10px -10px rgba(0, 0, 0, .6); + @include large-screen-only { height: 200px; } -- 2.20.1