From aa1686121a86447b2de3aacf1b038432f7514d55 Mon Sep 17 00:00:00 2001 From: pixeldesu Date: Sat, 13 Dec 2014 00:55:00 +0100 Subject: [PATCH] add profile header display --- app/assets/stylesheets/scss/user.scss | 9 +++++++++ app/views/user/show.html.haml | 1 + 2 files changed, 10 insertions(+) diff --git a/app/assets/stylesheets/scss/user.scss b/app/assets/stylesheets/scss/user.scss index caa5dac7..8e51907e 100644 --- a/app/assets/stylesheets/scss/user.scss +++ b/app/assets/stylesheets/scss/user.scss @@ -24,4 +24,13 @@ .profile--text { margin-bottom: 2px; +} + +.profile--header { + position: absolute; + z-index: 0; + width: 100%; + height: 40vh; + background-color: darken($navbar-inverse-bg, 10%); + background-size: cover; } \ No newline at end of file diff --git a/app/views/user/show.html.haml b/app/views/user/show.html.haml index 8fa41102..1e6e72eb 100644 --- a/app/views/user/show.html.haml +++ b/app/views/user/show.html.haml @@ -1,3 +1,4 @@ +.profile--header .container.j2-page .col-md-3.col-xs-12.col-sm-3 = render 'user/profile_info'