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>
|
<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>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
Reference in a new issue