Name: Collapsible User Extras
Brand: jessy
SKU: 14972
Price: 5.00 USD
Availability: InStock

XF Compatibility

2.1.x
2.2.x

Headline: This template mod will hide the extra user info in messages by default

Short Description: Download and Discuss Premium, Business Collapsible User Extras 1.0 version with External download URL on NullPro Community. There are store on a third-party network disk platform. From May 21, 2023 Collapsible User Extras have 199 Views.

This template mod will hide the extra user info in messages by default. Stats can be shown by simply clicking the expand arrow.

I will only support default styles, no 3rd party styles will receive support. Along with that if you use a Pixel Exit style this is already built into each style. 😛

Template

post_macros

Find:

Code:

<xf:macro template="message_macros" name="user_info" arg-user="{$post.User}" arg-fallbackName="{$post.username}" arg-dateHtml="{$dateHtml}" arg-linkHtml="{$linkHtml}" />

Add below:

Code:

<span id="collapse-{$post.post_id}" class="collapseTrigger collapseTrigger--block" data-xf-click="toggle" data-target="#js-post-{$post.post_id} .message-userExtras"></span>

Template

message_macros

Find:

Code:

<div class="message-userExtras">

Replace with:

Code:

<div class="message-userExtras message-userExtras-body message-userExtras--collapsible">

Add to extra.less template:

CSS:

/* User Extras Collapse */
.message-userExtras-body
{
    .m-listPlain();
    &.message-userExtras--collapsible
    {
        .has-no-js & { display: block; }
        .m-transitionFadeDown();
    }
}
.message-cell
{
    .collapseTrigger
    {
        text-align: center;
        &.is-active:before
        {
            transform: rotate(-180deg);
        }
        &:before
        {
            content: "\f13a";
            color: @xf-linkColor;
            transition: ease-in transform .3s;
            width: auto;
        }
        &.collapseTrigger--block:before
        {
            float: none;
        }
    }
}
@media (max-width: @xf-responsiveNarrow)
{
    .message-cell
    {
        .collapseTrigger
        {
            display: none;
        }
    }
}

Collapsible User Extras 1.0

More resources from jessy