From 0355ea3e1ad429b48b8b6e3146dde1527720b712 Mon Sep 17 00:00:00 2001 From: phoenixeliot Date: Fri, 25 Mar 2016 16:25:51 -0700 Subject: [PATCH] Add small avatar to header --- app/styles/style-flat.sass | 13 ++++++++++--- app/templates/base-flat.jade | 1 + 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/app/styles/style-flat.sass b/app/styles/style-flat.sass index 64961eb4a..3bf3c5955 100644 --- a/app/styles/style-flat.sass +++ b/app/styles/style-flat.sass @@ -82,7 +82,7 @@ $forest: #20572B blockquote border: none - &:before + &:before font-family: "Monaco" content: "\201C" position: absolute @@ -122,7 +122,9 @@ $forest: #20572B font-weight: bold font-family: $body-font font-size: 16px - padding: 38px 15px 37px + line-height: 31px + padding: 32px 15px 0 + height: 95px color: $burgandy text-shadow: 0 0 0 @@ -148,6 +150,11 @@ $forest: #20572B border: $gold 8px solid width: 98px height: 98px // Includes the border + + .img-circle-small + border: $gold 3px solid + width: 33px + height: 33px .user-level position: absolute @@ -241,7 +248,7 @@ $forest: #20572B .#{$abbrev}-a-#{$size} #{$prop}: $length-y $length-x !important // a = All sides - .#{$abbrev}-t-#{$size} + .#{$abbrev}-t-#{$size} #{$prop}-top: $length-y !important .#{$abbrev}-r-#{$size} #{$prop}-right: $length-x !important diff --git a/app/templates/base-flat.jade b/app/templates/base-flat.jade index f8b24f071..1ca69b21b 100644 --- a/app/templates/base-flat.jade +++ b/app/templates/base-flat.jade @@ -46,6 +46,7 @@ else li.dropdown a.dropdown-toggle(href="#", data-toggle="dropdown" role="button" aroa-haspopup="true" aria-expanded="false") + img.img-circle.img-circle-small.m-r-1(src=me.getPhotoURL()) span.spr My Account ul.dropdown-menu li.user-dropdown-header.text-center