diff options
author | Asaad Mahmood <asaad@spinpunch.com> | 2016-01-29 00:04:42 +0500 |
---|---|---|
committer | Asaad Mahmood <asaad@spinpunch.com> | 2016-01-29 00:04:42 +0500 |
commit | ce2ec34e585bd5f9c319936ae66fe764dabac0e3 (patch) | |
tree | 9b5bf4bbe5ca903bd39a951ccf70f7323275ff66 | |
parent | 0e69a871bb44705a23b82ad46fac41e1cad5fb3d (diff) | |
download | chat-ce2ec34e585bd5f9c319936ae66fe764dabac0e3.tar.gz chat-ce2ec34e585bd5f9c319936ae66fe764dabac0e3.tar.bz2 chat-ce2ec34e585bd5f9c319936ae66fe764dabac0e3.zip |
Adding reply icon
-rw-r--r-- | web/react/components/post_info.jsx | 8 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_responsive.scss | 38 |
2 files changed, 36 insertions, 10 deletions
diff --git a/web/react/components/post_info.jsx b/web/react/components/post_info.jsx index 2bd1a57f7..73b47024c 100644 --- a/web/react/components/post_info.jsx +++ b/web/react/components/post_info.jsx @@ -24,8 +24,14 @@ export default class PostInfo extends React.Component { } createReplyLink() { if (this.props.allowReply === 'true') { + var hideReply = ''; + + if (this.props.commentCount >= 1) { + hideReply = ' post__reply--hide'; + } + return ( - <div className='post__reply'> + <div className={'post__reply' + hideReply}> <a onClick={this.props.handleCommentClick} href='#' diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index 7d1210f64..a37974c7a 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -78,16 +78,10 @@ &:hover { background: transparent; + } - .comment-icon__container { - visibility: hidden; - - &.icon--show { - visibility: visible; - } - - } - + .comment-icon__container { + visibility: hidden; } } @@ -124,8 +118,34 @@ .post { + .post__body { + width: calc(100% - 75px); + } + + .post__reply { + margin-right: 20px; + float: right; + + svg { + top: 1px; + } + + } + + &.other--root .post__reply { + + &.post__reply--hide { + visibility: hidden; + } + + } + .post__header { + .col__reply { + width: 65px; + } + .col__name { pointer-events: none; } |