From 0413670925bee61a658cf76776a69041b6e99a76 Mon Sep 17 00:00:00 2001
From: OctoNezd <me@octonezd.me>
Date: Tue, 26 Mar 2024 21:23:25 +0300
Subject: [PATCH] Display vote count in icon preview

---
 src/features/iconRegulator.ts     | 3 ++-
 src/features/posts/css/votes.scss | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/iconRegulator.ts b/src/features/iconRegulator.ts
index a3f2b42..cac8ad1 100644
--- a/src/features/iconRegulator.ts
+++ b/src/features/iconRegulator.ts
@@ -6,12 +6,13 @@ class IconSizePreview extends SettingOption {
         super("", "");
         // @ts-ignore
         this.element = document.createElement("div");
+        this.element.classList.add("iconSizeDemo");
         this.element.innerHTML = `
         <p class="ol-set-title ol-setting">Preview: </p>
         <ul class="flat-list buttons">
         <li class="ol-vote-container">
         <a class="ol-upvote" href="javascript:void(0)">arrow_circle_up</a
-        ><a class="ol-downvote" href="javascript:void(0)">arrow_circle_down</a>
+        ><p class="ol-votecount">42</p><a class="ol-downvote" href="javascript:void(0)">arrow_circle_down</a>
         </li>
         <li class="first">
             <a
diff --git a/src/features/posts/css/votes.scss b/src/features/posts/css/votes.scss
index 98d6239..cb01744 100644
--- a/src/features/posts/css/votes.scss
+++ b/src/features/posts/css/votes.scss
@@ -60,6 +60,9 @@
     font-size: 125%;
 }
 html:not(.votesNearButtons) {
+    .iconSizeDemo .ol-votecount {
+        display: none;
+    }
     .ol-votecount::after {
         content: " votes ";
     }