From e7ba29c3c62bd1f511ab418dc66be54b3586272a Mon Sep 17 00:00:00 2001
From: Dessalines <happydooby@gmail.com>
Date: Sun, 8 Mar 2020 18:54:52 -0400
Subject: [PATCH] Hover on upvote / downvote on post-listing scores.

---
 ui/src/components/post-listing.tsx | 39 ++++++++++++++++++------------
 1 file changed, 23 insertions(+), 16 deletions(-)

diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index d087d1419..bef74999f 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>
                   </>
                 )}