Merge pull request #14 from czue/show-more-styles

tweak styles of show more button
czue · Dec 5, 2024 · 3667e62 · 3667e62
2 parents 98207ed + a8d0575
commit 3667e62
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/CommentSection.module.css b/src/CommentSection.module.css
@@ -59,10 +59,13 @@
   gap: 0.5rem;
 }
 
-.showMoreButton {
+.container .showMoreButton {
   margin-top: 0.5rem;
   font-size: 0.875rem;
-  color: #3b82f6;
+  text-decoration: underline;
+}
+
+.container .showMoreButton:hover {
   text-decoration: underline;
 }
 

diff --git a/src/CommentSection.tsx b/src/CommentSection.tsx
@@ -133,9 +133,9 @@ export const CommentSection = ({ uri: propUri, author, onEmpty, commentFilters }
           return <Comment key={reply.post.uri} comment={reply} filters={commentFilters} />;
         })}
         {visibleCount < sortedReplies.length && (
-          <button onClick={showMore} className={styles.showMoreButton}>
+          <a onClick={showMore} className={styles.showMoreButton}>
             Show more comments
-          </button>
+          </a>
         )}
       </div>
     </div>