XF 2.2 Node-hover-shadow overlays upper node, but shows under lower node.

BubbaLovesCheese

Active member
So I was trying to add a hover affect to the nodes, when I noticed that the shadow overlaps the node above the hover node, and goes under the node below the hover node.

This is my extra.less code

CSS:
/* Node shadows on hover */

.template-forum_list .block-container .node {
    box-shadow: 0;
    transition: box-shadow 0.3s ease-in-out;
}

.template-forum_list .block-container .node:hover {
    box-shadow: 0 0 15px 5px #737373;
}

Exaggerated illustration: If I hover over "The Mess", the shadow overlays "Clans", but goes under "Map Studio"

hover node.JPG

Any way to overlay BOTH the upper and lower Nodes?

Thanks.

Or here, I got rid of the spacing to better illustrate the issue. The shadow is over the upper node, but not the lower one.

Thanks.

shadow.webp
 
Last edited:
Back
Top Bottom