From: Dessalines <tyhou13@gmx.com>
Date: Sun, 8 Mar 2020 22:54:52 +0000 (-0400)
Subject: Hover on upvote / downvote on post-listing scores.
X-Git-Url: http://these/git/%7B%60/feeds/u/README.zh.hant.md?a=commitdiff_plain;h=134e8c1c943d749d9e2512bc2cfe55b6f5080cb5;p=lemmy.git

Hover on upvote / downvote on post-listing scores.
---

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>
                   </>
                 )}