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 d087d14199df3eea2bacba3c12f1f9f318bd35ba..bef74999ffb55d05d4e2a9092e616ebfbe60489f 100644 (file)
--- 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>
                   </>
                 )}