From b04a2638a5c0afc2617884770275534db4d4cbfe Mon Sep 17 00:00:00 2001 From: goobertron Date: Mon, 31 Mar 2014 17:50:31 +0100 Subject: [PATCH] Add box shadow and radius to avatars --- app/assets/stylesheets/header.scss | 1 + app/assets/stylesheets/new_styles/_base.scss | 8 ++++++++ app/assets/stylesheets/notifications.scss | 4 ++++ 3 files changed, 13 insertions(+) diff --git a/app/assets/stylesheets/header.scss b/app/assets/stylesheets/header.scss index 7e4757ae8..4ce2735a1 100644 --- a/app/assets/stylesheets/header.scss +++ b/app/assets/stylesheets/header.scss @@ -339,6 +339,7 @@ body > header { left: 8px; top: 8px; display: block; + border-radius: 3px; } .header-nav { diff --git a/app/assets/stylesheets/new_styles/_base.scss b/app/assets/stylesheets/new_styles/_base.scss index 4e153d491..609876def 100644 --- a/app/assets/stylesheets/new_styles/_base.scss +++ b/app/assets/stylesheets/new_styles/_base.scss @@ -34,11 +34,19 @@ a { color : $link-blue } &.micro { height: 20px; width: 20px; + box-shadow: 0px 1px 2px 0px #666; + -webkit-box-shadow: 0px 1px 2px 0px #666; + -moz-box-shadow: 0px 1px 2px 0px #666; + border-radius: 3px; } &.small { height: 35px; width: 35px; + box-shadow: 0px 1px 2px 0px #666; + -webkit-box-shadow: 0px 1px 2px 0px #666; + -moz-box-shadow: 0px 1px 2px 0px #666; + border-radius: 4px; } } diff --git a/app/assets/stylesheets/notifications.scss b/app/assets/stylesheets/notifications.scss index 9b67bf0fb..5aa393d13 100644 --- a/app/assets/stylesheets/notifications.scss +++ b/app/assets/stylesheets/notifications.scss @@ -78,6 +78,10 @@ .avatar { width: 35px; height: 35px; + box-shadow: 0px 1px 2px 0px #666; + -webkit-box-shadow: 0px 1px 2px 0px #666; + -moz-box-shadow: 0px 1px 2px 0px #666; + border-radius: 3px; } .unread-toggle {