With everything that's happened recently, I think we could use some pictures of cuteness. Please post images of things that are cute, long as they are appropriate, such as this pupper:



Or this... Kangaroo? Wallaby? Anyways:



LET CUTENESS REIGN!!!

I'm not gonna like this post because I know you aren't disgusting. I remain hopeful that with some time, cooler heads will prevail, on both sides of the aisle. Frustrations have run high with everyone for some time now. Perhaps all we need is some time to process and think.

Damen wrote on 12th August 2020, 03:33 PM:

Nice Ebon. I did make the cursor change to the hand thing but i noticed it doesn't work in Firefox! I'll fix it. Also, I didn't like how it looked when the whole thing was underlined but the way it looks in that pic is nice tbh. It was one of those spur of the moment updates before I went out on a killer bike ride.

Nice! Don't you love different behaviors for different browsers? xD

Please feel free to adapt this to however you want to implement it, if you do want to!

This is why Baffed is amazing ?

I think I'm finished with my CSS tweaks. I quite like how it turned out @Damen what do you think?

Added an idea to the OP. ?

Sleddy wrote on 12th August 2020, 10:39 AM:

-snip-

Very informative ?

Does the designer have anything to add?

Thank you for your wisdom, Pastress Sled. Very true indeed.

Quote:

If you immedietly know the candlelight is fire, then the meal was cooked a long time ago. (Oma Desala, Stargate SG-1)

The icon additions to the navbar are a really nice touch! I just wanted to put a couple ideas here to maybe improve it even further. ?

The main idea I have is to make the flyout text on hover a clickable part of the nav link. That greatly increases the usability because the user has a larger area to click as opposed to just the small icon area.
EDIT: Turns out you can click the text to navigate to the link, but the cursor is the normal cursor, giving no indication that the text is clickable. Style just needs a `cursor: pointer;`. And maybe the blue underline to keep it consistant with the icon. ?

It would also be great if 'hitbox' for the icons was larger with some padding, again to improve useability.

So far I've come up with the following CSS: https://pastebin.com/mfz8qSYc
I moved the underscore highlight to the `div` container. The right way of course is to add the `bl` class to `.navItemContainer` and not the `a`. I removed the `vertical-align` style because it caused the elements to perform weird resizing on hover; removing it doesn't seem to have effected anything.


With this CSS, it looks like this, and the activation area is slightly larger:

Thank you for your blessings, Pastress Sled. Let us defend our homes together!

It will be an honor to fight along side you, and all my fellow knights, brothers, and sisters. If we fall, then we shall at least make our stand the subject of songs and stories for ages to come.

The South shall stand united against this dark threat. For the South! For the Light!!!!

Just pretend that my upvote was a downvote.

*sharpens and polishes sword and polishes armor*

Sled out here with the good messages. The would could really use this one right now.