- XF Compatibility
- 2.2.x
- Short Description
- Template hides extra user info in messages with a click-able expand arrow. Supports default styles only, no third-party styles. Extra.less adds collapsible user extras for better UX.
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
Add below:
Template
Replace with:
Add to extra.less template:
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
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
Find:
Code:
<div class="message-userExtras">
Code:
<div class="message-userExtras message-userExtras-body message-userExtras--collapsible">
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;
}
}
}
