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
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.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 itlearn how he did it.