Merge pull request #1051 from steemit/1050-show-userpic-on-post-page

show author's userpic below the title on post page (close #1050)

app/components/cards/Comment.jsx

@@ -3,7 +3,6 @@ import Author from 'app/components/elements/Author';
 import ReplyEditor from 'app/components/elements/ReplyEditor';
 import MarkdownViewer from 'app/components/cards/MarkdownViewer';
 import shouldComponentUpdate from 'app/utils/shouldComponentUpdate'
-// import FormattedAsset from 'app/components/elements/FormattedAsset';
 import Voting from 'app/components/elements/Voting';
 import { connect } from 'react-redux';
 import { Link } from 'react-router';

app/components/cards/PostFull.jsx

@@ -22,6 +22,7 @@ import DMCAList from 'app/utils/DMCAList'
 import PageViewsCounter from 'app/components/elements/PageViewsCounter';
 import ShareMenu from 'app/components/elements/ShareMenu';
 import {serverApiRecordEvent} from 'app/utils/ServerApiClient';
+import Userpic from 'app/components/elements/Userpic';
 
 function TimeAuthorCategory({content, authorRepLog10, showTags}) {
     return (
@@ -34,6 +35,20 @@ function TimeAuthorCategory({content, authorRepLog10, showTags}) {
      );
 }
 
+function TimeAuthorCategoryLarge({content, authorRepLog10}) {
+    return (
+        <span className="PostFull__time_author_category_large vcard">
+            <Userpic account={content.author} />
+            <div className="right-side">
+                <Author author={content.author} authorRepLog10={authorRepLog10} />
+                <br />
+                <TimeAgoWrapper date={content.created} className="updated" />
+                <span> in <TagList post={content} single /></span>
+            </div>
+        </span>
+    );
+}
+
 class PostFull extends React.Component {
     static propTypes = {
         // html props
@@ -255,7 +270,7 @@ class PostFull extends React.Component {
                         <div className="float-right"><Voting post={post} flag /></div>
                         <div className="PostFull__header">
                             {post_header}
-                            <TimeAuthorCategory content={content} authorRepLog10={authorRepLog10} showTags />
+                            <TimeAuthorCategoryLarge content={content} authorRepLog10={authorRepLog10} />
                         </div>
                         <div className="PostFull__body entry-content">
                             <MarkdownViewer formId={formId + '-viewer'} text={content_body} jsonMetadata={jsonMetadata} large highQualityPost={high_quality_post} noImage={!content.stats.pictures} />

app/components/cards/PostFull.scss

@@ -20,6 +20,19 @@
   }
 }
 
+.PostFull__time_author_category_large {
+  margin-top: 1.2rem;
+  color: $dark-gray;
+  font-weight: 400;
+  > .Userpic {
+    margin-top: 4px;
+    float: left;
+  }
+  > .right-side {
+    margin-left: 60px;
+  }
+}
+
 .PostFull__header {
   > h1 {
     overflow: hidden;