Add vote skeleton

attestate · Sep 5, 2023 · 497831a · 497831a
1 parent 740e8ae
commit 497831a
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 6 deletions.
diff --git a/src/public/news.css b/src/public/news.css
@@ -19,10 +19,6 @@ body {
      opacity: 1;
    }
  }
-
-
- .votearrow.pulsate {
-   animation: pulsate 2s infinite ease-in-out;
  }
 
  td {

diff --git a/src/views/components/row.mjs b/src/views/components/row.mjs
@@ -30,7 +30,18 @@ const row = (start = 0) => {
                   data-title="${story.title}"
                   data-href="${story.href}"
                   data-upvoters="${JSON.stringify(story.upvoters)}"
-                ></div>
+                >
+                  <div>
+                    <div
+                      class="votearrow pulsate"
+                      style="color: rgb(130, 130, 130); cursor: pointer;"
+                      title="upvote"
+                    >
+                      ▲
+                    </div>
+                    <div style="font-size: 8pt; text-align: center;">...</div>
+                  </div>
+                </div>
               </a>
             </div>
             <div

diff --git a/src/views/feed.mjs b/src/views/feed.mjs
@@ -265,7 +265,17 @@ export default async function index(trie, theme, page) {
                                   story.upvoters,
                                 )}"
                                 data-editorpicks="true"
-                              ></div>
+                              >
+                                <div>
+                                  <div
+                                    class="votearrow pulsate"
+                                    style="color: rgb(130, 130, 130); cursor: pointer;"
+                                    title="upvote"
+                                  >
+                                    ▲
+                                  </div>
+                                </div>
+                              </div>
                             </a>
                           </div>
                           <div