Welcome • User Guide
ToS • Privacy • Canary
Donate • Bugs • License

©2024 Poal.co

In response to this thread.

https://poal.co/s/CSS/64861

This is 100% pure CSS so it should still be 100% viewable to anyone that sees and/or wants to see / view downvotes, but my workaround for now in subs. 

`.c-downvote svg, .downvote svg {
height: 8px;
width: 8px;
margin: auto;
display: block;
background-color: #ff0000;  
border-radius: 50px;
padding: 5px;

}`

If I do become a mod over at CSS (not saying anything for now) and I'm not sure how my sub and CSS will communicate then, but for now at least. Just wanted to show people that you can change the downvote to a red circle while the mods can still see the post(s) being downvoted since this is 100% PURE CSS and shouldn't change anything where the mods and such can't see a downvote anymore.

In response to this thread. https://poal.co/s/CSS/64861 This is 100% pure CSS so it should still be 100% viewable to anyone that sees and/or wants to see / view downvotes, but my workaround for now in subs. `.c-downvote svg, .downvote svg { height: 8px; width: 8px; margin: auto; display: block; background-color: #ff0000; border-radius: 50px; padding: 5px; }` If I do become a mod over at CSS (not saying anything for now) and I'm not sure how my sub and CSS will communicate then, but for now at least. Just wanted to show people that you can change the downvote to a red circle while the mods can still see the post(s) being downvoted since this is 100% PURE CSS and shouldn't change anything where the mods and such can't see a downvote anymore.

(post is archived)

[–] • 1 pt

Note: users can bypass it by disabling custom sheet style in their settings.

https://poal.co/s/Poaldev/64879

[–] • 1 pt

Well at least one sub made code look decent.

[–] [deleted] • 0 pt

"decent" - what do you think will make it better? Any suggestions?

[–] • 1 pt

I would make the background coloring a block.

code {
  display:block;
}

or

code {
  display:contents;
}

[–] [deleted] • 0 pt

I liked your ideas especially "display: block".

Great feedback decided to add a border for now. Your idea helped me on that.

[–] • 1 pt

I tinkered with your code a little. I got the circle to change color in /s/CSS when the down vote is cast.

.c-downvote svg, .downvote svg {

height: 8px;

width: 8px;

margin: auto;

display: block;

background-color: #bbb;

border-radius: 50px;

padding: 5px;

}

.c-downvoted svg, .downvoted svg {

height: 8px;

width: 8px;

margin: auto;

display: block;

background-color: green;

border-radius: 50px;

padding: 5px;

}

[+] [deleted] • 0 pt