Source
r/warcaster•
NeWMH

CSS comments

Just made a lot of changes to the CSS and site styles. Let me know any comments or criticisms, especially if anything looks out of place on your device/monitor. Different devices and browsers can have weird issues so just let me know the area you see an issue in and I can get it fixed ASAP.

Also remember that there is a box in the menu to turn off subreddit styles if you ever want to use default for the specific sub.

Posted Mar 14, 2020, 5:28 AM UTC

69
RogueModron•

This is AMAZING. As the person who created this sub and then did absolutely nothing with it, I was shocked to come back to it today on desktop and see how beautiful it is. Great work!

4
NeWMHOP:Marcher_Worlds: Marcher Worlds•

Thanks! I said I was going to do it when you made me a mod, and I'm sorry it took a bit longer than I'd hoped to get around to. There are still a couple of the fine details I'll need to smooth out, but it's nice to have most of it off the to do list :D

And unfortunately reddit still hasn't implemented CSS for the new version or mobile, so those are a little less eye catching.

5
Gearjock:Marcher_Worlds: Marcher Worlds•

Nice

2
nice-scores•

𝓷𝓲𝓬𝓮 ☜(ﾟヮﾟ☜) #Nice Leaderboard 1. u/GillysDaddy at 17708 nices

2. u/OwnagePwnage at 11911 nices

3. u/RespectfulNiceties at 8332 nices

...

188654. u/Gearjock at 1 nice

^(I) ^(AM) ^(A) ^(BOT) ^(|) ^(REPLY) ^(!IGNORE) ^(AND) ^(I) ^(WILL) ^(STOP) ^(REPLYING) ^(TO) ^(YOUR) ^(COMMENTS)

1
Yord13:Aeternus_Continuum: Aeternus Continuum•

Web developer, here. I like the idea, but there are some kinks:

  1. The logo is not centered, e.g. if you open the dev console, it does not move. You might want to consider centering it.
  2. The up-/downvote arrows in the main post are still white for me. The arrows in the comments are very gray and you can hardly see the arrow.
  3. There is something wrong going on with the inbox icon for me, it is just a white box.
  4. The link color and also the text colors lack contrast in my opinion. Also, the comment text color could have a little more contrast in my opinion. Maybe even make it plain white.

That said: I like the background and the general idea! Nice work.

EDIT: I am on OSX 10.15 with Chrome 80.

2
Yord13:Aeternus_Continuum: Aeternus Continuum•

Other things that come to mind:

  1. The other subreddits are display: none (I guess) by default and show only if you hover over their container. Not sure if that is the best UX. Also, the Warcaster subreddit itself does not show if you hover, but stays hidden.
  2. The flair icons still have a white background.
  3. If I go "save" or "cancel" on a comment, the icons are just white boxes.

Hope my comments help.

2
NeWMHOP:Marcher_Worlds: Marcher Worlds•

Thanks, the comments definitely help and were exactly the kind of feedback I was looking for.

I’ve really only touched CSS a few times, and the last was about five years ago for a different subreddit(and when the subreddit css community was much more of a thing). So some of my css is based on outdated information, and it was a bit hacky getting things to work again. I might be better off starting from scratch. Definitely need to review the colors on every added image and their displayed size.

In the end, hoping to use the opportunity to get CSS to stop looking like a foreign language.

1
dorklowski•

This is a very welcome change. Nice work.

The /R/Warcaster that links back to the subreddit show's over the warcaster logo in the center.

2
NeWMHOP:Marcher_Worlds: Marcher Worlds•

Flair is fixed...now all of the other dozen transparency related image issues =/

1