Open brettburwell opened 2 years ago
Hey dude! 🍺
There are a few classes that are automatically added already, not sure if they are something that you can use. More specifically, the upvote-vote-match
class gets added to every upvote/downvote icon after the vote has been cast.
The docs don't go into great detail about it, but here is the relevant page...
https://plugins.doublesecretagency.com/upvote/customize-your-css/#css-classes
Hope that helps! If not, feel free to DM me on Discord and we can chat about what might be possible.
After chatting on Discord, it sounds there's currently no good workaround. The number itself doesn't have any classes that change when a vote is cast.
So let's create a new class (ie: upvote-voted
) which will be dynamically added to the number (and possibly arrows) of an element when a vote is cast.
Thanks for the suggestion @brettburwell! I'm not sure exactly when this will get implemented, but I'll try to work it into the next major round of changes. 👍
Thanks again @lindseydiloreto!
Howdy duder.
This plugin is nifty! One thing I'd like to do is fade / animate the vote count into place (vs. it suddenly popping into place once the javascript is loaded and it's injected into the page).
Would it be possible to add a class we could use as a styling hook? Something like
.is-ready
or.upvote-total-upvotes-ready
?And forgive me if there's already a simple way to do this that I'm just overlooking.
Thanks in advance.