Hover on upvote / downvote on post-listing scores.

This commit is contained in:
Dessalines 2020-03-08 18:54:52 -04:00
parent e2b8d2d702
commit e7ba29c3c6

View file

@ -464,22 +464,29 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<li className="list-inline-item"></li> <li className="list-inline-item"></li>
{this.state.upvotes !== this.state.score && ( {this.state.upvotes !== this.state.score && (
<> <>
<li className="list-inline-item"> <span
<span className="text-muted"> class="unselectable pointer mr-2"
<svg class="small icon icon-inline mr-1"> data-tippy-content={i18n.t('number_of_points', {
<use xlinkHref="#icon-arrow-up"></use> count: this.state.score,
</svg> })}
{this.state.upvotes} >
</span> <li className="list-inline-item">
</li> <span className="text-muted">
<li className="list-inline-item"> <svg class="small icon icon-inline mr-1">
<span className="text-muted"> <use xlinkHref="#icon-arrow-up"></use>
<svg class="small icon icon-inline mr-1"> </svg>
<use xlinkHref="#icon-arrow-down"></use> {this.state.upvotes}
</svg> </span>
{this.state.downvotes} </li>
</span> <li className="list-inline-item">
</li> <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> <li className="list-inline-item"></li>
</> </>
)} )}