diff options
author | Dessalines <tyhou13@gmx.com> | 2020-03-08 18:54:52 -0400 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-03-08 18:54:52 -0400 |
commit | 134e8c1c943d749d9e2512bc2cfe55b6f5080cb5 (patch) | |
tree | 8400e0ad838aaa3dafc4db490fbd45d1c6fc0c1b /ui/src/components/post-listing.tsx | |
parent | cd99b1bc1e7fcef597dc9cc3ae8a9f3908cc4026 (diff) |
Hover on upvote / downvote on post-listing scores.
Diffstat (limited to 'ui/src/components/post-listing.tsx')
-rw-r--r-- | ui/src/components/post-listing.tsx | 39 |
1 files changed, 23 insertions, 16 deletions
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index d087d141..bef74999 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -464,22 +464,29 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <li className="list-inline-item">•</li> {this.state.upvotes !== this.state.score && ( <> - <li className="list-inline-item"> - <span className="text-muted"> - <svg class="small icon icon-inline mr-1"> - <use xlinkHref="#icon-arrow-up"></use> - </svg> - {this.state.upvotes} - </span> - </li> - <li className="list-inline-item"> - <span className="text-muted"> - <svg class="small icon icon-inline mr-1"> - <use xlinkHref="#icon-arrow-down"></use> - </svg> - {this.state.downvotes} - </span> - </li> + <span + class="unselectable pointer mr-2" + data-tippy-content={i18n.t('number_of_points', { + count: this.state.score, + })} + > + <li className="list-inline-item"> + <span className="text-muted"> + <svg class="small icon icon-inline mr-1"> + <use xlinkHref="#icon-arrow-up"></use> + </svg> + {this.state.upvotes} + </span> + </li> + <li className="list-inline-item"> + <span className="text-muted"> + <svg class="small icon icon-inline mr-1"> + <use xlinkHref="#icon-arrow-down"></use> + </svg> + {this.state.downvotes} + </span> + </li> + </span> <li className="list-inline-item">•</li> </> )} |