XenBase Clickable Nodes

[tmayo]

I'm in the process of moving over from UI.X 2 where there's an option for clickable nodes.

I can't seem to find a similar option under the style properties for XenBase.

Is this possible?

I see that it's mentioned in an old thread but it's not clear which style this was for:

Clickable nodes

Is there an option to make the nodes clickable?

pixelexit.com

Many thanks!

 

[Russ]

Hello and welcome!

If I recall, we ran into issues after diving into it. This was one solution in a ticket for another client. It's a simple CSS work around:

.node
{
    position: relative;
    .node-title
    {
        z-index: 2;
    }
    .node-title a:before
    {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        display: block;
    }
    .node-meta a, .node-extra a, .node-subNodesFlat a
    {
        z-index: 3;
        position: relative;
    }
}
[data-template="forum_list"]
{
    .tooltip.tooltip--description { pointer-events: none; }
}

I believe it should still work.

 

[tmayo]

That works great. Thank you very much for the quick reply Russ!

Could it also be tweaked to work with threads?

 

[Russ]

Really sorry, I missed your reply. I believe that this works...

.structItem.structItem--thread
{
    position: relative;
    .structItem-title a
    {
        position: static;
        &::before
        {
            position: absolute;
            width: 100%;
            height: 100%;
            content: "";
            z-index: 1;
        }
    }
    a
    {
        position: relative;
        z-index: 2;
    }
}

Let me know if you find anything off with it.

 

[tmayo]

Thank you Russ. That also works really well. Not noticed any issues as yet