Permalink
Browse files

Fixed author avatar display

  • Loading branch information...
1 parent 078635a commit 8f1c1e17dd8a1e404e860a00affd92c1ceb7b11e @roryg committed Aug 14, 2014
Showing with 60 additions and 4 deletions.
  1. +25 −0 assets/css/style.css
  2. +29 −0 assets/sass/style.scss
  3. +6 −4 author.hbs
View
@@ -380,6 +380,27 @@ table {
margin: 40px auto 0;
width: 100px; }
+.author-heading {
+ margin: 15px auto;
+ text-align: center;
+ width: 100%; }
+
+.author-avatar {
+ border-radius: 50px;
+ display: inline;
+ height: 50px;
+ margin: 5px 10px 0 0;
+ width: 50px;
+ vertical-align: middle; }
+
+.author-name {
+ display: inline;
+ font-size: 52px;
+ font-weight: 700;
+ text-align: center;
+ text-transform: uppercase;
+ vertical-align: middle; }
+
.author-meta {
color: #AEADAD;
font-size: 14px;
@@ -490,6 +511,10 @@ table {
margin-right: 15px;
margin-left: 15px; }
+ .author-avatar {
+ display: block;
+ margin: 0 auto 18px; }
+
.author-meta span {
display: block;
margin: 18px 0; } }
@@ -432,6 +432,30 @@ table {
}
}
+.author-heading {
+ margin: 15px auto;
+ text-align: center;
+ width: 100%;
+}
+
+.author-avatar {
+ border-radius: 50px;
+ display: inline;
+ height: 50px;
+ margin: 5px 10px 0 0;
+ width: 50px;
+ vertical-align: middle;
+}
+
+.author-name {
+ display: inline;
+ font-size: 52px;
+ font-weight: 700;
+ text-align: center;
+ text-transform: uppercase;
+ vertical-align: middle;
+}
+
.author-meta {
color: #AEADAD;
font-size: 14px;
@@ -562,6 +586,11 @@ table {
margin-left: 15px;
}
+ .author-avatar {
+ display: block;
+ margin: 0 auto 18px;
+ }
+
.author-meta span {
display: block;
margin: 18px 0;
View
@@ -3,11 +3,13 @@
<div class="container">
<section class="author-profile">
{{#author}}
- {{#if image}}
- <img class="author-avatar" src="{{image}}" width="80" height="80" alt="{{name}}">
- {{/if}}
+ <div class="author-heading">
+ {{#if image}}
+ <img class="author-avatar" src="{{image}}" width="50" height="50" alt="{{name}}">
+ {{/if}}
- <h1 class="author-name page-title">{{name}}</h1>
+ <h1 class="author-name">{{name}}</h1>
+ </div>
<div class="author-meta">
<span><i class="fa fa-bar-chart-o"></i> {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}}</span>

0 comments on commit 8f1c1e1

Please sign in to comment.