From 884dab5988aa84da75f173a90c270ac6245c6d8d Mon Sep 17 00:00:00 2001 From: pixeldesu Date: Mon, 11 May 2015 06:17:12 +0200 Subject: [PATCH] update panel styles, fixes Retrospring/bugs#51 --- app/assets/stylesheets/base.css.scss | 32 +++++++++++++++++++++----- app/views/user/_profile_info.html.haml | 2 +- 2 files changed, 27 insertions(+), 7 deletions(-) diff --git a/app/assets/stylesheets/base.css.scss b/app/assets/stylesheets/base.css.scss index a4086ec2..92c82f35 100644 --- a/app/assets/stylesheets/base.css.scss +++ b/app/assets/stylesheets/base.css.scss @@ -138,12 +138,32 @@ body { } .panel { - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25); - -webkit-background-clip: padding-box; - background-clip: padding-box; + box-shadow: 0px 0px 20px rgba(0,0,0,0.1); } -.panel-default { - border-color: transparent; +.panel-default > .panel-heading { + box-shadow: inset 0 -10px 10px -10px rgba(0,0,0,0.1); +} + +.panel-default > .panel-footer { + box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1); +} + +#profile { + border-color: transparent; + border-width: 0px; +} + +.panel { + border-radius: 2px; +} + +.panel > .panel-heading { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +.panel > .panel-footer { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } diff --git a/app/views/user/_profile_info.html.haml b/app/views/user/_profile_info.html.haml index f0f9f9ce..97cb3076 100644 --- a/app/views/user/_profile_info.html.haml +++ b/app/views/user/_profile_info.html.haml @@ -1,4 +1,4 @@ -.panel.panel-default +.panel.panel-default#profile %img.profile--avatar{src: @user.profile_picture.url(:large)} - if @user.admin? .profile--panel-badge.panel-badge-danger