Update meme voting

This commit is contained in:
2024-04-27 12:12:42 +02:00
parent 3678460366
commit cad1e333fe
4 changed files with 24 additions and 4 deletions

View File

@@ -649,13 +649,17 @@ async function reloadMemeVotes(memeID) {
memeVoteCounterElement.classList.add("neutral");
}
memeVoteUpvoteElement.classList.remove('visual_hover');
memeVoteDownvoteElement.classList.remove('visual_hover');
if (userVote > 0) {
memeUpvoteVariant = "fill";
memeDownvoteVariant = "line";
memeVoteUpvoteElement.classList.add('visual_hover');
}
else if (userVote < 0) {
memeUpvoteVariant = "line";
memeDownvoteVariant = "fill";
memeVoteDownvoteElement.classList.add('visual_hover');
}
else {
memeUpvoteVariant = "line";

View File

@@ -380,6 +380,21 @@ div#articleslist>article{
color: var(--pico-color);
}
.visual_hover {
--pico-background-color: var(--pico-primary-hover-background);
--pico-border-color: var(--pico-primary-hover-border);
--pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
--pico-color: var(--pico-primary-inverse);
}
.visual_hover.meme_upvote {
--pico-background-color: green;
}
.visual_hover.meme_downvote {
--pico-background-color: red;
}
@media (max-width: 1050px) {
div#articleslist {