diff options
| author | Dessalines <tyhou13@gmx.com> | 2019-08-19 15:32:32 -0700 |
|---|---|---|
| committer | Dessalines <tyhou13@gmx.com> | 2019-08-19 15:32:32 -0700 |
| commit | 1fe8ecaf7aa503d424b6a346314ee79d8cf5b7d4 (patch) | |
| tree | f0d07af941077284b9308e1b620aa6107c8ef8bf /ui/src/components/post-listing.tsx | |
| parent | 1e9cd32e1dca2489740d9b4dae72974ac6d19a35 (diff) | |
Try changing votes to buttons.
Diffstat (limited to 'ui/src/components/post-listing.tsx')
| -rw-r--r-- | ui/src/components/post-listing.tsx | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index 9330f7b9..bb6f2cec 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -60,13 +60,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> { return ( <div class="listing"> <div className={`vote-bar mr-1 float-left small text-center ${this.props.viewOnly && 'no-click'}`}> - <div className={`pointer ${post.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostLike)}> - <svg class="pointer icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> - </div> + <button className={`btn btn-sm p-0 ${post.my_vote == 1 ? 'text-info' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostLike)}> + <svg class="icon upvote"><use xlinkHref="#icon-arrow-up"></use></svg> + </button> <div class={`font-weight-bold text-muted`}>{post.score}</div> - <div className={`pointer ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}> - <svg class="pointer icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> - </div> + <button className={`btn btn-sm p-0 ${post.my_vote == -1 ? 'text-danger' : 'text-muted'}`} onClick={linkEvent(this, this.handlePostDisLike)}> + <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> + </button> </div> {post.url && isImage(post.url) && <span title={i18n.t('expand_here')} class="pointer" onClick={linkEvent(this, this.handleImageExpandClick)}><img class="mx-2 mt-1 float-left img-fluid thumbnail rounded" src={post.url} /></span> |