10 votes

Stylus userstyle that hides comment vote counts

This simple stylus userstyle hides vote counts on both voted and unvoted comments and your own comments. I really like what Deimos did, it significantly improved my time here on Tildes. If you want the feature back, install Stylus extension, click the Stylus icon > write style for tildes.net and paste this:

/* Hide vote count for unvoted comments */
.btn-post-action[name="vote"] {
    visibility: hidden;
    position: relative;
}
.btn-post-action[name="vote"]:after {
    visibility: visible;
	content: "Vote";
    position: absolute;
}

/* Hide vote count for voted comments */
.btn-post-action[name="unvote"] {
    visibility: hidden;
    position: relative;
}
.btn-post-action[name="unvote"]:after {
    visibility: visible;
	content: "Voted";
    position: absolute;
}

/* Hide vote count for your own comments */
.comment-votes {
    display: none;
}

Known issues

  • There is extra padding around Vote button
  • Extensions such as Vim Vixen cannot interact with Vote button

2 comments

  1. [2]
    Wes
    Link
    It looks fairly similar to @Bauke's code from last week, but this may be a bit more succinct. Good to see more options! I had speculated about a PR to put a span tag on the vote buttons. That...

    It looks fairly similar to @Bauke's code from last week, but this may be a bit more succinct. Good to see more options!

    I had speculated about a PR to put a span tag on the vote buttons. That would remove the need for the ::after stuff.

    6 votes
    1. Soptik
      Link Parent
      Nice, thanks! @Bauke's code actually works even better, mine for some reason increases padding around the Vote button. I'll look into how did Bauke do it to steal it learn how he did it.

      Nice, thanks! @Bauke's code actually works even better, mine for some reason increases padding around the Vote button. I'll look into how did Bauke do it to steal it learn how he did it.

      4 votes