Hover on upvote / downvote on post-listing scores.
This commit is contained in:
parent
e2b8d2d702
commit
e7ba29c3c6
1 changed files with 23 additions and 16 deletions
39
ui/src/components/post-listing.tsx
vendored
39
ui/src/components/post-listing.tsx
vendored
|
@ -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>
|
||||
</>
|
||||
)}
|
||||
|
|
Reference in a new issue