Nirjonadda
Customer
Collapsible nodes Tool tip missing when mouse over.
Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
<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>
<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>
@Russ Hey bud. Is there an option to revert the collapse icons back to these? I'm sure they used to be like this in my style. Right now it looks like this -
.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;
}
}
Thanks Russ! Will give it a go when my server comes back from the dead