Nirjonadda

Customer
Collapsible nodes Tool tip missing when mouse over.

ScreenShot00045.png
 
No plans to add a tooltip there at this time. Really no phrase to attach to it so an additional property would need to be made which I don't like doing.

You can add one if you'd like though easily:

Edit template: node_list_category:
Find:
Code:
<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}" data-xf-click="toggle" data-target=".block--category{$node.node_id} .block-body" data-xf-init="toggle-storage" data-storage-type="cookie" data-storage-key="_node-{$node.node_id}"></span>
Replace with:

Code:
<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}" data-xf-click="toggle" data-target=".block--category{$node.node_id} .block-body" data-xf-init="toggle-storage tooltip" data-storage-type="cookie" data-storage-key="_node-{$node.node_id}" title="Collapse category"></span>
 
I believe this CSS in extra.less will do the trick:

Code:
.block--category
{
    .collapseTrigger
    {
        opacity: 0.5;
        transition: opacity 0.3s;
        margin-right: @xf-paddingMedium;
        font-size: 80%;
        &.is-active:before
        {
            .m-faContent("\f205");
            transform: scale(-1, 1);
            margin-right: -8px;
        }
        &:before
        {
            .m-faContent("\f205");
            font-size: 80%;
        }
    }
    .block-container:hover .collapseTrigger
    {
        opacity: 1;
    }
}
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back